Articles @ Enterrom.com

divider
All the web knowledges related articles that might be feeding your brain.

The abandoned or Stone Age HTML web techniques might be forgotten

Posted on:

Today, there are an increasing number of frameworks or tools that gather the newest techniques or technologies to make web development easier for developers. There have only been a handful popular approaches throughout the last decade. However, they had been abandoned and replaced by other methods as a result of their limitations or the appearance of new approaches. Let's discuss a few common HTML tags that we might hardly or almost ever use today.

 

Marque

Depending on the settings, an HTML marquee is a scrolling section of text shown either vertically down or across your webpage. This was made using the HTML <marquee> tag.
The example of the HTML <marquee> tag:

  • <marquee attribute_name = "attribute_value"....more attributes>
    Example of marquee text or images
    </marquee>

Like other tags, the width and height of a marquee tag can be adjusted based on requirements. Additionally, we may specify whether the direction of movement should be up, down, left, or right. Additional attributes include loops, behaviour, background colour, hspace, vspace, and more. The traditional DVD screensaver animation is the easiest example of a marquee tag in use.

However, this tag had been deprecated in HTML5. The reasons on why this tag is not using anymore is because it has never been a HTML standard element. Another thing is that, <marquee> tag is just a element for presentation purposes while HTML is a markup language, which is not related to the structure of the content. Therefore, to continue apply this effect in your website, it will be best by using CSS or JavaScript.

 

Frameset

A frameset is a collection of components that individually use HTML frames to load a unique piece of HTML content. A series of frames that are shown collectively in the browser window is known as a frameset. The window is broken up into frames in a manner similar to how tables are organised: in rows and columns. The tag <frameset> is utilised to define frameset. It utilised to split the website content, as stated. It uses the attributes rows and cols, where rows specifies the horizontal frames and cols the vertical frames. In order to generate a frame, <frameset> might be used in instead of <body>. The HTML document will open into the frame when this element is used.

Unfortunately, there are a few disadvantages to applying this tag. Firstly, smaller devices like smartphones cannot use frames since it is challenging to split the size of the screen into the frame. The result was a perspective that was different from what you saw on the computer, which made for a bad user experience. As a result, this element was eliminated from HTML5 since it adversely affected a web page's overall usability.

 

iFrame

Inline frames, or "iFrames," are a common element used in browsers to show a distinct content in a rectangular area with scrollbars and borders. This tag makes use of <iframe>. iFrames are typically used to display source code in several languages for website developers or to allow visitors to enter lengthy paragraphs for most of the time.

  • <iframe src="URL" title="description"></iframe>

Iframes may be adjusted by users based on their demands for height and width, much like other HTML tags. This tag is still in use today because it is supported by all current desktop and mobile devices. It also added a few HTML5 attributes, including seamless, which tells the user agent that the iframe should be rendered to look like it is an invisible component of the parent document and srcdoc, which takes precedence over any URL in the src attribute.

 

Flash

FutureSplash Player, originally developed by FutureWave, was rebranded to Macromedia Flash Player after Macromedia purchased FutureWave in 1996. After Adobe bought Macromedia in 2005, Adobe Systems went on to develop and market it under the name Flash Player.

While there are no built-in facilities for Adobe Flash Player to edit the SWF (Small Web Format or ShockWave Format) file at runtime, it is a runtime that executes and displays content from a given SWF file. The ActionScript programming language may be used to create software that can runtime manipulate text, information, vector images, raster graphics, sound, and video. After the user has given permission, the player may additionally access some connected hardware devices, such as web cameras and microphones.

On 31 Dec 2020, Flash Player is no longer supported by Adobe as It is more exposed than ever to possible cyber security threats. Over time, as technology has advanced, websites have switched to alternative open standards including HTML5, WebGL, and WebAssembly. Companies that make web browsers are incorporating these open standards into their products.

 

Image Maps

Images were utilised to construct navigation menus on image maps, which may serve as hyperlinks and assist users find their way. Before using this, you need to understand two concepts. an image and a map with clearly connected sections. The interactive spots are located in sections of the picture that are overlaid with the map. The picture and the clickable parts are coded differently in HTML. However, from the viewpoint of the visitor, it seems as though some of the image itself is connected to a separate location.

Img, which defines the location of the image to be included in the map; map, which is used to generate the map of clickable regions, and area, which is used inside the map components to specify the clickable areas; these are the HTML elements to apply for this.

Example coding is like:

  • The size of the image:
    • <img src="../../wp-content/image/image_map_example_.png"   alt="image map example" width=500 height=500 usemap="#map_example">
  • Create map to overlay the image and defined the coordinates for the map shape
    • <map name="map_example">
      <area href="https://youtube.com" alt="Youtube" target="_blank"  shape=poly coords="30,100, 140,50, 290,220, 180,280">
      </map>

Unfortunately, this is no longer a common usage in modern times. Using the jQuery plugin makes image maps more user-friendly and responsive.

 

Metadata, Keywords

An HTML document's metadata is defined via the <meta> tag. Data about data is referred to as metadata. The character set, page content, keywords, document author, and viewport settings are all commonly specified using <meta> elements, which are always placed inside the <head> element. Although it won't be visible on the website, metadata may still be parsed by computers. Metadata mostly used in all browser to display or to load the content, most significantly is for the search engines.

Meta keywords are a form of meta tag that used to be relevant to how search engines understood a page but is now irrelevant and has no effect on organic results. The keywords are often separated with commas and written in lower case. They are irrelevant for search engine optimization and don't have any ranking effect because they were severely modified in attempts to rank a website higher in organic search.

Example of the meta data look like this:

  • <meta name="keywords" content="fruit, vegetable, organic" />

 

 

 

 

Share this page
Back to articles list
Loading...