# HTML5新增标签

HTML5HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。

HTML5出现之前,一般采用div+css布局页面。但是这样的布局不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取。为了解决上述缺点,HTML5新增了很多新的语义化标签。

  • div容器元素,也是页面中见到的最多的元素

    虽然现在有了新标签,但是仍然有很多网站是用该方法布局,是因为新标签仅支持在新浏览器上正确访问,对于旧浏览器(如IE浏览器)可能不能正确渲染,所以为了保证用户在所有浏览器都能成功访问而继续沿用。

    div实现

    QQ20250301-223508

    <!DOCTYPE html>
    <html>
        <head>
        </head>
        <body>
            <div id="header"></div>
            <div id="nav"></div>
            <div id="article">
                <div id="section"></div>
            </div>
            <div id="silder"></div>
            <div id="footer"></div>
        </body>
    </html>
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
  • H5新标签,有利于SEO和开发

    因为div属性里的id是由开发者自定义的,现在统一规定了就使得每部分是什么更加清晰明了。

    H5新标签实现

    QQ20250301-223954

    <!DOCTYPE html>
    <html>
        <head>
        </head>
        <body>
            <header></header>
            <nav></nav>
            <article>
                <section></section>
            </article>
            <aside></aside>
            <footer></footer>
        </body>
    </html>
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
上次更新时间:: 3/2/2025, 11:55:46 AM