HTML5 语义元素

在 HTML5 中,引入了许多新的语义化元素,这些元素可以让我们更好地描述页面的结构和内容,提高网页的可读性和可访问性。在本章节中,我们将介绍一些常用的 HTML5 语义元素,并举例说明它们的用法。

<header>

<header> 元素用于定义页面或区块的头部,通常包含网站的标题、导航栏等内容。一个页面可以包含多个 <header> 元素。

示例代码:

--------
    -------------
    -----
        ----
            ------ --------------------
            ------ ----------------------
            ------ ----------------------
        -----
    ------
---------

<nav>

<nav> 元素用于定义页面的导航部分,包含一组导航链接。通常位于 <header><footer> 元素中。

示例代码:

-----
    ----
        ------ --------------------
        ------ ----------------------
        ------ ----------------------
    -----
------

<section>

<section> 元素用于定义页面的一个区块或部分,通常包含一个主题或内容。

示例代码:

---------
    -------------
    ---------
        -------------
        --------------
    ----------
----------

<article>

<article> 元素用于定义页面的一个独立的文章内容,可以独立于页面的其他内容进行分发或重用。

示例代码:

---------
    -------------
    --------------
----------

以上是 HTML5 中一些常用的语义元素,通过合理地使用这些元素,可以让我们的网页更加结构化和易于理解。


上一篇:HTML5 表单属性
下一篇:HTML5 Web 存储