OBINTUSACADEMY
HOME CONTACT SERVICES PRIVACY
C.B MS-PACKAGES HTML
HTML - Semantics

HTML

BASIC

Introduction to HTML Getting Started Basic Structure HTML Syntax HTML Tags HTML Elements HTML Attributes HTML Formatting HTML Links HTML Quotation Element HTML Citation Element HTML Address Element HTML Abbreviation Element HTML Bi-Directional Element HTML Comments HTML Lists HTML Styles HTML Images HTML Favicon Basic Projects

INTERMEDIATE

HTML Meta Tag Attributes HTML Tables HTML Forms HTML Form Elements HTML Form Attributes HTML Input Attributes HTML Form Examples HTML Inline Elements HTML Block Elements HTML Div HTML Id HTML Class HTML iFrame

ADVANCE

HTML Graphics HTML Multimedia HTML Video HTML Audio HTML Plugins HTML YouTube HTML Entities HTML Emojis HTML Layouts HTML Semantics HTML URL HTML Validation HTML Conclusion

HTML Semantics

PREVIOUS NEXT

In this tutorial, I will be explaining the different semantics elements we can use to build the structure (web page layout) of your website.

Semantics Elements

These are elements that clearly states its meaning in common understandable human form and also in machine form (for the browsers to understand). They describe the purpose of the element and the type of content inside them.

Example

website_layout
ELEMENT DESCRIPTION
<header>

For header information; like your website name, logo, etc.
<nav>

For navigation links. (E.g. home, about, contact, etc)
<section>

To represent a section in the document where major contents are displayed.
<article>

For article contents.
<aside>

For contents that are related to the major contents. (E.g. Advertisements).
<footer>

For the footer information. (E.g. copyright declaration, menus, brief information, social media links, etc)
<details>

For additional details which user or visitors can open and close at will.
<summary>

Used as the heading for the <details> element.

PREVIOUS NEXT
ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT