<HTML5秘籍》——第三章(编写更有意义的标记)
2015-10-29 17:45
555 查看
背景:上一章谈到的更多是页面结构方面的,但文本级信息同样也有语义
文本级语义:
<time>元素:标注日期和时间。任何文本形式也是允许的,只要你在datetime属性中提供计算机能看懂的通用格式的日期就行
The party starts <time datetime="2014-03-21">March 21<sup>st</sup></time>
<output>元素:标注JavaScirpt返回值
<mark>元素:标注突显文本,用来吸引人注意那些变得很重要的文本
其他语义标准
背景:HTML缺少太多语义元素了,因此其制定者不想把这门语言过分地特殊化
ARIA(Accessible Rich Internet Application,无障碍性因特网应用):它规定了任意HTML元素上使用的属性,而通过这些属性可以为屏幕阅读器提供额外的信息
<div class="header" role="banner"></div>
缺点:为了恰当地采用ARIA,需要学习标准,也要花时间评审自己的标记。对于是否值得为此投入,Web开发人员的看法不一。假如你真的想创建一个无障碍访问的网站,必须要考虑ARIA,又要考虑HTML5。因为屏幕阅读器支持ARIA,不支持HTML5
RDFa:也是一种使用属性向网页中嵌入详细信息的标准
微格式(Microformats):是一种在网页中嵌入元数据的简单而又比较合理的方式。应用方式比较新颖,它们附加在通常用于添加样式的class属性上
微数据:与RDFa类似,但简化了一些。缺点是以牺牲简洁性为代价,采用微数据的网页要比采用微格式的网页大很多
<div itemscope itemtype="http://schema.org/Person"></div>
文本级语义:
<time>元素:标注日期和时间。任何文本形式也是允许的,只要你在datetime属性中提供计算机能看懂的通用格式的日期就行
The party starts <time datetime="2014-03-21">March 21<sup>st</sup></time>
<output>元素:标注JavaScirpt返回值
<mark>元素:标注突显文本,用来吸引人注意那些变得很重要的文本
其他语义标准
背景:HTML缺少太多语义元素了,因此其制定者不想把这门语言过分地特殊化
ARIA(Accessible Rich Internet Application,无障碍性因特网应用):它规定了任意HTML元素上使用的属性,而通过这些属性可以为屏幕阅读器提供额外的信息
<div class="header" role="banner"></div>
缺点:为了恰当地采用ARIA,需要学习标准,也要花时间评审自己的标记。对于是否值得为此投入,Web开发人员的看法不一。假如你真的想创建一个无障碍访问的网站,必须要考虑ARIA,又要考虑HTML5。因为屏幕阅读器支持ARIA,不支持HTML5
RDFa:也是一种使用属性向网页中嵌入详细信息的标准
微格式(Microformats):是一种在网页中嵌入元数据的简单而又比较合理的方式。应用方式比较新颖,它们附加在通常用于添加样式的class属性上
微数据:与RDFa类似,但简化了一些。缺点是以牺牲简洁性为代价,采用微数据的网页要比采用微格式的网页大很多
<div itemscope itemtype="http://schema.org/Person"></div>
相关文章推荐
- HTML5秘籍——第二章(用语义元素构造网页)
- Html5 各属性详解
- 突袭HTML5之SVG 2D入门2 - 图形绘制
- 在页面中使用Flowplayer播放器
- Cordys HTML5 多语言代码 解读
- HTML5规范~
- html5+css3
- Html5 本地存储
- HTML5鼠标hover的时候图片放大的效果展示
- cordys HTML5 SSO 开发注意点
- 图片翻转
- HTML5 ajax上传附件
- 移动前端头部标签(HTML5 head meta)
- HTML5文件上传FileReader API
- win10 Build 10565中Edge浏览器新增对HTML5视频的播放控制及下载
- 基于百度地图的HTML5地理位置定位实例
- HTML5画矩形
- HTML5 中的可缩放矢量图形(SVG)
- 常见的2种HTML5错误语法
- HTML5 drag & drop 拖拽与拖放简介