您的位置:首页 > Web前端 > HTML5

<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: