html5 section标签是什么意思？html5 section标签的用法总结(2)-木庄网络博客

现在来看一个案例：

<body>
  <header></header>
  <div id=“content”>
     <section></section>
     <section></section>
  </div>
  <footer></footer>
</body>

在这里，我们用<section>来定义id为content的div里面的两个章节/区域。当然此处你也可以直接把div用section代替，或者把里面的<section>改成<div>,因为此处还不能明显的区分两者的区别:

<section id=”content”>
   <section></section>
   <section></section>
</section>

或者：

<div id=”content”>
   <div></div>
   <div></div>
</div>

HTML5 section标签的总结：

我们用<div>标签来布局整个最外层的章，而用<section>用来定义内部的章节。当然如果把整个文档都看作是一个章节，那么也可以用<section>来代替<div>，但是建议不要使用<section>来代替该用<div>布局的地方，那些地方不能体现出<section> 的语义性。

【小编推荐】

如何给html中的pre标签中的文字换行？html pre标签的使用实例

HTML iframe标签怎么使用？HTML iframe标签的使用实例介绍

相关阅读 >>

更多相关阅读请进入《section》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者