HTML5 Documentation

HTML5 is the latest version of HTML. It has significant improvements over its predecessors. It also adds new tags. It has a more flexible syntax. It also removes the dependence on SGML.

It adds support for real hypertext authoring. Its link element can include rel attributes like archive, author, feed and index.

Head element

The head element of an HTML document contains machine-readable information (metadata) about the document. This metadata is used to help search engines find and rank a website. It also helps browsers understand a document and render it correctly.

The head> tag includes the title>, meta>, link>, and style> elements. The title> tag must contain the name of the page, which is displayed in the browser’s tab and bookmarks. It should also include a favicon. This is important for SEO, as it improves a site’s visibility in search results.

The meta> tag enables you to specify descriptive meta-information with a variety of different attributes, which can be read by web browsers. These attributes can be useful for things like describing a page’s content, customizing device displays, and listing keywords for search engine optimization. The link> tag is used to link to other pages or resources on the same domain. It can also include the manifest attribute, which points to a file that lists a web application’s resources for offline use.

Body element

The Body element defines the main content of a web page. It is placed between the html> and /body> tags. This tag can be used to add text, images, and links. It is also used to set a background color. The bgcolor attribute can be either a name or a hex value. In the past, many developers would use non-semantic markup to help browsers visualize stuff (like declarations for fonts and text colors). HTML5 discourages this practice by deprecating these elements and displaying ‘not recommended practices’ warnings when they are used.

Some of the new tags that have been introduced in HTML5 include main>, aside>, footer>, and article>. These tags replace some of the obsolete div elements. They allow developers to organize and structure their HTML documents and web apps more easily. This makes them easier to scan, reducing the chance of mistakes. In addition, the new tags can be styled with CSS, enabling them to perform more functions than ever before.

Sidebar element

In general, sidebars are used to display secondary content and to improve navigation. They can contain ads, call to actions (CTA), or navigational features like tree views and lists. In ecommerce sites, they can also help shoppers find products.

Sidebars are useful for many kinds of sites, but not every layout needs one. In fact, some designs are better off without a sidebar at all. In a mobile-first world, sidebars are not ideal for top-level placement because they can take up too much space and confuse users with redundant information.

To create a sidebar, start with the aside> tag. This tags the area within which the sidebar will be located. For example, if you have a widget area in the header or footer, add aside> /aside> to make it clear where the sidebar is.

Applet element

The Applet element is used to embed graphical Java applets into HTML pages. It is a deprecated tag in HTML 4.01 and is obsolete in HTML5. It can be replaced by the object> or embed> tags.

Parameters that are passed to an applet are interpreted by the applet code as it is run, and can affect its appearance or functionality. For example, a CheckerApplet may display a different pattern depending on the values set in the HTML file that it is embedded in.

Parameters are identified by their name and value attributes. The applet code uses the name to access a parameter value, while the value determines how it will change the appearance or behavior of the applet. The vspace and hspace attributes determine the amount of vertical and horizontal space to leave above and below an applet. The archive attribute specifies a location for an applet class file. Web browsers ignore any HTML between the applet> and /applet> tags.

Reverse your steps to the main page