HTML5块级元素_html/css_WEB-ITnose
前面的话
几年前,用于网页布局的一般都用div元素,但语义化并不好。HTML5引入了大量新的块级元素来帮助提升网页的语义,使页面具有逻辑性的结构、容易维护,并且对数据挖掘服务更加友好
定义
区块型元素是用来定义区块内容范围的元素,重要特征是区块级内容会在文档大纲中产生级别,实际上仅包括
区块级元素
文档中的章节或区块,区块级通用元素
[ 如果标签只用来作为CSS和Javascript的钩子,则使用 用来定义独立的文档、页面、应用甚至站点。标准是判断其内容是否可以单独发布或重用 [注意]对于 不直接相关内容的侧边栏, [注意]关于 含有导航链接的区块。页面的主导航里有时含有相关链接或重复链接,但如果是不相关或冗余的,并对主导航不是至关重要的链接,那么一般不需要放在nav元素里 头部,用于将介绍内容和区块的辅助导航分组到一起,所以它有可能包含区块的标题元素以及其他的介绍内容(目录、logo等) 尾部,包含跟区块或页面整体相关的内容,比如作者、版权信息、联系地址以及其他少量信息 hgroup元素可以将一组标题元素放在一起,HTML5大纲算法只会处理其中排名最高的,h1元素封装标题,h2元素封装副标题 用于提供相近文章或这个页面作者的直接联系信息(e-mail地址、电话号码等),而不是用于邮寄地址或类似的不是最直接能够联系到作者的方式的信息 [注意]在除了article和body之外的区块元素中使用address元素是不合适的,一个section元素不能含有一个address元素 想找一个规范使用html5新标签的网站不是很容易,国内大多数网站由于各种各样的原因,依然还是div布局,最终,案例选择使用苹果官网 声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。 相关文章 相关视频 全栈 170W+ 主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门 入门 80W+ 主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门 实战 120W+ 主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习
其他块级元素
案例说明
专题推荐
上一篇: Google API 获取当前天气信息的php代码
下一篇: Python实现抓取网页并且解析的实例
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论