• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5 对各个标签的定义与规定:section

HTML5 对各个标签的定义与规定:section

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5教程,HTML5中国,HTML5 对各个标签的定义与规定:section,admin,html5资料,html等相关知识,匿名希望在学习及工作中可以帮助到您
标签是 HTML 5 中的新标签。

W3C定义为:
标签定义文档中的节(section)。比如章节、页眉、页脚或文档中的其他部分。
section元素标签用来表现普通的文档内容或应用区块。一个section通常由内容及其标题组成...但section元素标签并非一个普通的容器元素;当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div元素而非section。
通常不推荐为那些没有标题的内容使用
;我们可以使用HTML5轮廓工具来检查我们的页面中是否有不包含标题部分的
容器。
我们可以看到,虽然文章有正式的h1与h2,但是在
中,仍然可以为这个内容部分使用h1来作为标题。

下面是几条关于使用
的禁忌:
不要将
作为用来设置样式或行为的“钩子”容器,那是的工作。
如果、或
更符合状况,不要使用
。
不要为没有标题的内容区块使用
。





HTML5中国http://www.html5cn.org/><br></head><br><body><br><section><br> <h1>章节一&/h1><br> <p>详细内容...&/p><br></section><br><section><br> <h1>章节二&/h1><br> <p>详细内容...&/p><br></section><br></body><br></html></p></section></td></tr></table> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-3021903444118463" data-ad-slot="2749611331"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> <!--endmain--> <div class="art_xg"> <h4>您可能想查找下面的文章:</h4><ul> <li><a href="/web_design/html5/20178/158968.html" title="一款利用html5和css3动画排列人物头像的实例演示" target="_blank">一款利用html5和css3动画排列人物头像的实例演示</a></li><li><a href="/web_design/html5/20178/159086.html" title="html5教程调用绘图api画简单的圆形代码分享" target="_blank">html5教程调用绘图api画简单的圆形代码分享</a></li><li><a href="/web_design/html5/20178/159087.html" title="html5教程画矩形代码分享" target="_blank">html5教程画矩形代码分享</a></li><li><a href="/web_design/html5/20178/159088.html" title="html5教程制作简单画板代码分享" target="_blank">html5教程制作简单画板代码分享</a></li><li><a href="/web_design/html5/20178/159116.html" title="html5基础教程常用技巧整理" target="_blank">html5基础教程常用技巧整理</a></li><li><a href="/web_design/html5/201712/174450.html" title="html5教程-Canvas入门" target="_blank">html5教程-Canvas入门</a></li><li><a href="/web_design/html5/201812/246425.html" title="html5教程画矩形代码分享" target="_blank">html5教程画矩形代码分享</a></li><li><a href="/web_design/html5/201812/246938.html" title="HTML5晃动DeviceMotionEvent事件" target="_blank">HTML5晃动DeviceMotionEvent事件</a></li><li><a href="/web_design/html5/201812/246956.html" title="HTML5教程之html 5 本地数据库(Web Sql Database)" target="_blank">HTML5教程之html 5 本地数据库(Web Sql Database)</a></li><li><a href="/web_design/html5/201812/247491.html" title="HTML5中对contenteditable属性的解释与规定" target="_blank">HTML5中对contenteditable属性的解释与规定</a></li> </ul> </div> <div class="relatedarticle clearfix mt5"> <H2>相关文章</H2> <ul> <li><span>2018-12-03</span><a href="/web_design/html5/201812/246073.html" title="如何让ie浏览器支持html5标签?" target="_blank">如何让ie浏览器支持html5标签?</a></li><li><span>2018-12-03</span><a href="/web_design/html5/201812/246664.html" title="HTML5实现文件断点续传的方法 " target="_blank">HTML5实现文件断点续传的方法 </a></li><li><span>2018-12-03</span><a href="/web_design/html5/201812/245921.html" title="Android使WebView支持HTML5 Video全屏播放的方法分享(图)" target="_blank">Android使WebView支持HTML5 Video全屏播放的方法分享(图)</a></li><li><span>2018-12-03</span><a href="/web_design/html5/201812/247007.html" title="随着HTML5的发展和微信应用号的出现,如何看待未来移动开发着的定位?" target="_blank">随着HTML5的发展和微信应用号的出现,如何看待未来移动开发着的定位?</a></li><li><span>2018-12-03</span><a href="/web_design/html5/201812/247674.html" title="利用 HTML5 实现带有进度条的文件上传功能" target="_blank">利用 HTML5 实现带有进度条的文件上传功能</a></li><li><span>2018-12-03</span><a href="/web_design/html5/201812/245890.html" title="h5实现文本框提示语的代码实例" target="_blank">h5实现文本框提示语的代码实例</a></li><li><span>2017-08-06</span><a href="/web_design/html5/20178/159165.html" title="html5 worker 实例(二) 图片变换效果" target="_blank">html5 worker 实例(二) 图片变换效果</a></li><li><span>2018-12-03</span><a href="/web_design/html5/201812/247541.html" title="避免常见的六种HTML5错误用法 (1)" target="_blank">避免常见的六种HTML5错误用法 (1)</a></li><li><span>2018-12-03</span><a href="/web_design/html5/201812/247204.html" title="html标签究竟是否需要闭合?" target="_blank">html标签究竟是否需要闭合?</a></li><li><span>2018-12-03</span><a href="/web_design/html5/201812/244791.html" title="html5 track标签是什么意思?html5 track标签的使用方法介绍" target="_blank">html5 track标签是什么意思?html5 track标签的使用方法介绍</a></li> </ul> </div> </div> </div><!--endborder--> <!--end fr--> <div class="w300 fr"> <div class="subcate bord"> <div class="asidetit cl"><h3>文章分类</h3></div> <div class="subcatec"> <ul> <li><a href='/web_design/html/html.html' title="html/xhtml">html/xhtml</a></li><li><a href='/web_design/html5/html5.html' title="html5">html5</a></li><li><a href='/web_design/css/css.html' title="CSS">CSS</a></li><li><a href='/web_design/xml/xml.html' title="XML/XSLT">XML/XSLT</a></li><li><a href='/web_design/dreamweaver/dreamweaver.html' title="Dreamweaver教程">Dreamweaver教程</a></li><li><a href='/web_design/frontpage/frontpage.html' title="Frontpage教程">Frontpage教程</a></li><li><a href='/web_design/xinde/xinde.html' title="心得技巧 ">心得技巧 </a></li><li><a href='/web_design/bootstrap/bootstrap.html' title="bootstrap">bootstrap</a></li><li><a href='/web_design/vue/vue.html' title="vue">vue</a></li><li><a href='/web_design/angularjs/angularjs.html' title="AngularJS">AngularJS</a></li><li><a href='/web_design/hbuilder/hbuilder.html' title="HBuilder教程">HBuilder教程</a></li><li><a href='/web_design/css3/css3.html' title="css3">css3</a></li><li><a href='/web_design/compatibility/compatibility.html' title="浏览器兼容">浏览器兼容</a></li><li><a href='/web_design/divcss/divcss.html' title="div/css">div/css</a></li><li><a href='/web_design/editor/editor.html' title="网页编辑器">网页编辑器</a></li><li><a href='/web_design/axure/axure.html' title="axure">axure</a></li> <div class="clearfix"></div> </ul> </div> </div> <div class="tabTitleBar mt10 bgf borderTblue"> <div class="borderTnone pb10 YaHei"> <h4 class="blue">最近更新的内容</h4> <ul class="newsListA"> <ul> <li><a href="/web_design/html5/201812/245315.html" title="canvas多边形的画法示例" target="_blank">canvas多边形的画法示例</a></li> <li><a href="/web_design/html5/201812/244935.html" title="html5调用app分享功能的介绍" target="_blank">html5调用app分享功能的介绍</a></li> <li><a href="/web_design/html5/201812/248287.html" title="HTML页面中添加Canvas标签示例_html5教程技巧" target="_blank">HTML页面中添加Canvas标签示例_html5教程技巧</a></li> <li><a href="/web_design/html5/20178/158742.html" title="HTML5和CSS3实例教程总结(推荐)" target="_blank">HTML5和CSS3实例教程总结(推荐)</a></li> <li><a href="/web_design/html5/201812/244868.html" title="HTML5新增协议:WebSocket协议的实例" target="_blank">HTML5新增协议:WebSocket协议的实例</a></li> <li><a href="/web_design/html5/201812/245772.html" title="图片添加入门教程:10个图片添加零基础入门教程推荐" target="_blank">图片添加入门教程:10个图片添加零基础入门教程推荐</a></li> <li><a href="/web_design/html5/201812/246874.html" title="canvas游戏开发学习之五:运用样式与颜色(一)" target="_blank">canvas游戏开发学习之五:运用样式与颜色(一)</a></li> <li><a href="/web_design/html5/201812/244939.html" title="如何解决HTML5 虚拟键盘出现挡住输入框的问题" target="_blank">如何解决HTML5 虚拟键盘出现挡住输入框的问题</a></li> <li><a href="/web_design/html5/201812/245277.html" title="用H5的canvas做出弹幕效果" target="_blank">用H5的canvas做出弹幕效果</a></li> <li><a href="/web_design/html5/201812/244804.html" title="html5中常用交互元素实现的代码实例" target="_blank">html5中常用交互元素实现的代码实例</a></li> </ul> </ul> </div> </div> </div> </div><!--end fl--> </div><!--end content--> <div id="footer"> <div class="main clearfix"> <p> <a href="http://www.linkedu.com/about/about.html" target="_blank">关于我们</a> - <a href="http://www.linkedu.com/about/linkus.html" target="_blank">联系我们</a> - <a href="http://www.linkedu.com/about/disclaimer.html" target="_blank">免责声明</a> - <a href="http://www.linkedu.com/about/index.html" target="_blank">网站地图</a> </p> <p>©2020-2025 All Rights Reserved. linkedu.com 版权所有 </p> </div> </div><!--end footer--> <script type=text/javascript src="/template/js/common.js"></script> <!--end footer--> </div> </body> </html>