No.12 HTML5--新增标签

一、HTML5和HTML

HTML5是 HTML 最新的修订版本，2014年10月由万维网联盟(W3C)完成标准制定。
在 HTML5出现之前，我们一般采用 DIV+CSS 布局我们的页面。但是这样的布局方式不仅使我们的文档结构不够清浙，而且不利于搜索引擎爬虫对我们页面的爬取。为了解决上述缺点，HTML5新增了很多新的语义化标签。

二、div

容器元素，也是页面中见到最多的元素。

2.1 div实现

之前：

常见的div布局：

<body>
    <form>
        <div id="header"></div>
        <div id="nav"></div>
        <div id="article">
            <div id="section"></div>
        </div>
        <div id="sidebar"></div>
        <div id="footer"></div>
    </form>
</body>

之后（H5新标签实现）：

<body>
    <header></header>
    <nav></nav>
    <article>
        <section></section>
    </article>
    <aside></aside>
    <footer></footer>
</body>

三、H5新标签

<header>...</header> 头部
<nav>...</nav> 导航
<section>...</section>定义文档中的节。比如章节、页眉、页脚或文档中的其它部分
<aside>...</aside> 侧边栏
<footer>...</footer> 页脚
<article>...</article>代表一个独立的、完整的相关内容块，可独立于页面其它内容使用。例如一篇完整的论坛帖子，一篇博客文章，一个用户评论等

posted @ 2025-02-26 11:53 百里屠苏top 阅读(29) 评论(0) 收藏举报

刷新页面返回顶部