好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

html5 section标签是什么意思?html5 section标签的用法总结

本篇 文章 主要的介绍了关于HT ML 5 section标签的定义以及它的用法,最后还有一个案例总结,现在让我们 开始 阅读这篇文章吧

先来解释下html5 section标签的 意思 :

html5 section标签定义了文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

看一个实例让你更加 了解 section标签:

文档中的区段,解释了 PR C:

<section>
  < h1 >PHP中文网</h1>
  <p>这里是PHP中文网,网址是www.php.cn</p>
</section>

实例效果如下图:

现在说说section标签的注意点:

section 不是一个专用来做容器的标签,如果仅仅是用于 设置样式 或脚本处理,专用的是 div

section 里 应该 有 标题(h1~6),但文章中推荐用 article 来代替

一条 简单 的准则是,只有元素内容会被列在文档大纲中时,才适合用section元素。

section的作用是对页面上的内容进行分块,如各个有标题的版块、功能区或对文章进行分段,不要与有自己完整、独立内容的article混淆。

html5 section标签的用法:

html5引入了<section>标签,用于描述文档的结构,它同<div>标签的意思一样。但是在特定环境中,两者又有明显的区别。

w3对<section>的定义是:定义一个文档的章节(可以拥有自己的<header>和<footer>)。

w3对<div>的定义是: 定义一个文档的章节。(但似乎更适合用于外层的布局,缺少语义性。)

现在来看一个案例:

<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 ifr am e标签怎么使用?HTML iframe标签的使用实例介绍

以上就是html5 section标签 是什么 意思?html5 section标签的用法总结的详细内容,更多请关注其它相关文章!

总结

以上是 为你收集整理的 html5 section标签是什么意思?html5 section标签的用法总结 全部内容,希望文章能够帮你解决 html5 section标签是什么意思?html5 section标签的用法总结 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于html5 section标签是什么意思?html5 section标签的用法总结的详细内容...

  阅读:17次