Previous

HTML: Skeleton Tags

In HTML, "skeleton tags" generally refer to the basic structural elements that form the framework of a web page. These skeleton tags provide the foundational structure upon which you build the content of your webpage. The most common skeleton tags in HTML include:

<!DOCTYPE html> Declaration:

  • This declaration specifies the HTML version and document type. For modern HTML5 documents, the doctype declaration is <!DOCTYPE html>.

<html> Tag:

  • The <html> tag wraps the entire HTML document and serves as the root element. It contains the <head> and <body> sections.
  • Example:
<!DOCTYPE html>
<html>
<head>
    <!-- Meta tags, title, stylesheets, scripts, etc. go here -->
</head>
<body>
    <!-- Content of the web page goes here -->
</body>
</html>

<head> Tag:

  • The <head> tag contains meta-information about the HTML document, such as the document title, character encoding, viewport settings, stylesheets, scripts, and more.
  • Example:
<head>
    <title>My Web Page</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Other meta tags, stylesheets, scripts, etc. -->
</head>

<body> Tag:

  • The <body> tag contains the main content of the web page, including text, images, links, headings, paragraphs, lists, and other elements.
  • Example:
<body>
    <header>
        <!-- Header content: logo, navigation, etc. -->
    </header>
    <main>
        <!-- Main content of the page -->
    </main>
    <footer>
        <!-- Footer content: copyright, links, etc. -->
    </footer>
</body>

<meta> Tags:

  • <meta> tags within the <head> section provide metadata about the HTML document, such as character encoding, viewport settings, author information, keywords, and descriptions for search engines.
  • Example:
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Description of the webpage">

These skeleton tags form the basic structure of an HTML document and are essential for creating well-formed and standards-compliant web pages. They provide the necessary framework for adding content, styling, functionality, and accessibility features to your web pages.

Previous