请选择 进入手机版 | 继续访问电脑版
记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 5918|回复: 0
收起左侧

[HTML5/CSS3] HTML5 对各个标签的定义与规定:section

[复制链接]
发表于 2017-5-24 13:00:16 | 显示全部楼层 |阅读模式
<section>标签是 HTML 5 中的新标签。
W3C定义为:
<section> 标签定义文档中的节(section)。比如章节、页眉、页脚或文档中的其他部分。
section元素标签用来表现普通的文档内容或应用区块。一个section通常由内容及其标题组成...但section元素标签并非一个普通的容器元素;当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div元素而非section。
通常不推荐为那些没有标题的内容使用;我们可以使用HTML5轮廓工具来检查我们的页面中是否有不包含标题部分的<section>容器。
我们可以看到,虽然文章有正式的h1与h2,但是在<section>中,仍然可以为这个内容部分使用h1来作为标题。

下面是几条关于使用<section>的禁忌:
不要将<section>作为用来设置样式或行为的“钩子”容器,那是<div>的工作。
如果<article>、<aside>或<nav>更符合状况,不要使用<section>。
不要为没有标题的内容区块使用<section>。  
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5中国http://www.html5cn.org/>
</head>
<body>
<section>
   <h1>章节一&/h1>
    <p>详细内容...&/p>
</section>
<section>
   <h1>章节二&/h1>
    <p>详细内容...&/p>
</section>
</body>
</html>



上一篇:前端 CSS 规范大全
下一篇:HTML5 对各个标签的定义与规定:body
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
快速回复 返回顶部 返回列表