参考资料

  1. HTML 表格表头单元格
  2. HTML 常用颜色
  3. HTML 注释详解
  4. HTML 标题
  5. HTML 音频(Audio)
  6. HTML 属性
  7. HTML <cite>用于著作标题的
  8. Html转义工具有哪些

HTML结构标签用于定义网页的基本结构和内容布局。以下是常见的HTML结构标签及其说明和案例：

  1. <html>: 定义HTML文档的根元素。

    <html>
<head>
    <title>Page Title</title>
</head>
<body>
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>

  2. <head>: 包含文档的元数据（如标题、样式表链接、脚本等）。

    <head>
    <title>My First HTML Page</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>

  3. <title>: 定义文档的标题，显示在浏览器的标题栏或标签页上。

    <title>My Web Page</title>

  4. <body>: 包含网页的可见内容。

    <body>
    <h1>Welcome to My Website</h1>
    <p>This is a paragraph.</p>
</body>

  5. <header>: 定义文档或节的页眉。

    <header>
    <h1>Website Title</h1>
    <nav>
        <a href="/home">Home</a>
        <a href="/about">About</a>
    </nav>
</header>

  6. <nav>: 定义导航链接的部分。

    <nav>
    <a href="/home">Home</a>
    <a href="/about">About</a>
    <a href="/contact">Contact</a>
</nav>

  7. <main>: 定义文档的主要内容。

    <main>
    <h1>Main Content</h1>
    <p>This is the main content of the page.</p>
</main>

  8. <section>: 定义文档中的一个独立部分。

    <section>
    <h2>About Us</h2>
    <p>We are a company that specializes in web development.</p>
</section>

  9. <article>: 定义独立的自包含内容。

    <article>
    <h2>Article Title</h2>
    <p>This is an article about HTML structure.</p>
</article>

  10. <aside>: 定义与主内容相关但不直接依赖于它的内容。

    <aside>
    <h3>Related Links</h3>
    <ul>
        <li><a href="/link1">Link 1</a></li>
        <li><a href="/link2">Link 2</a></li>
    </ul>
</aside>

  11. <footer>: 定义文档或节的页脚。

    <footer>
    <p>&copy; 2023 My Website</p>
</footer>

这些标签帮助开发者更清晰地组织和结构化网页内容，提升可读性和可维护性。

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。