HTML5的网站建设文档级别语义

发布时间:2014-12-14 8:07:22

HTML5的网站建设文档级别语义

  文档级别语义一更多新的标签
  除了简化结构,HTML5规范还着重于语义学,并试图为每个元素加人一个特定的文档级别定义。同样,HTML5规范规定了在么样的环境中可以使用相关标签,在什么样的环境中不可以。它使用了一些新元素,完全摈弃了一些旧元素(比如说font、center以及big),而其余元素的定义也被或多或少地改变,下面将介绍新的以及被改变的元素。根据表,你将看到在本章中出现的所有元素组成的经典应用程序。首先让我们从最奇妙的新元素----ruby开始。
  元素ruby、rt及rp
  ruby可视为一种排版注释系统(typographicannotationsystem),意思是“位于横排基础文本上方的简短文字,主要是针对东亚语言作出简短的读音注释”(www.w3.org/TR7ruby)。ruby注释可以为中文或日文显示读音,图的左侧为其示范。
  ruby注释涉及的标记包括元素ruby、rt及rp。首先,我们在ruby元素中指定一个具体的表达式,然后通过后面的rt元素提供说明。在支持ruby的浏览器下,这个rt元素的内容将被放置在表达式上方,正如上面的“北京”例子所示。
  不支持ruby的浏览器(例如Firefox及Opera)无法正确排版这段代码,而会将各个部分连起来显示,这会导致文字难以阅读。为了清晰体现后一个单词对应头一个单词的注释关系,需要对这两个区块进行视觉上的隔离——这就是rp元素的作用:它仅会在浏览器不支持ruby时显示额外的分割符。如图所示,GoogleChrome能够解析ruby并将在视觉上将其分离。而不支持mby的浏览器则会将例子显示为北6石京及7/rA4LN°5(Web标准)。
  time元素
  time元素提供了一个可选时间和时区组件,支持24小时制或是其他的公历时间格式。目的是在HTML5文档中,将现在常用的日期和时间语句用规范的、利于机器识别的格式进行表述。模糊的时间描述,例如“1年春天”或者“千禧年前的5分钟”是非法的。
  为了确保机器能够正确识别,我们可以使用datetime属性,其属性值可被定义为时间、日期,或这两者的复合体。规范清晰地定义时间标记的语法,见表。
  pubdate是一个布尔型属性,用于为相邻的article标签——如果存在的话——或是整个网页指定发布时间。在使用pubdate时还需要用到一个datetime元素,否则,在time元素的开始标签及结束标签之间应存在着一个有效日期。
  在HTML5中使用布尔型属性要格外小心:true或者false并非有效的属性值!当解释器发现存在布尔型的属性时,它将直接解释为true。因此要将一个布尔型属性设为true,共有3种有效语法:
  
  
  (当然你也可以去掉引号)若要将其设为false.你只有一个选择:将整个属性去掉|mark元素mark元素用于高亮标记一段文字。例如,你可以用mark元素来标记出网页里被搜索的关键词或是用于髙亮显示一段解释性的代码。
  wbr元素
  很明显,wbr元素用于让浏览器为长单词增加可选择的破折号,以便自动折行。举例来说,在一个相当长的单词-------例如supercalifragilisticexpialidoeious中插人一对wbr元素,宁波网站建设认为可以让浏览器根据排版需要决定是否将单词换行显示。supercalifragilisticexpialidocious破折号是否出现,以及出现在哪里完全由排版决定。wbr只是允许自动折行,但并非强制折行。wbr的用途还包括长的URL及代码列表。与br相似,wbr也被称为空间元素,这表示它没有结束标签——除了它之外,在HTML5还有其他14个元素也具有此特点,它们是:
  areabasebrcolcommandembed
  hriraginputkeygenlinkmeta
  paramsource
  当然,void元素可以在其开始标签中包含一个反斜杠用于闭合,例如:
h这对于兼容XHTML5十分有用。
  本文由乐华网络编辑,转载请注明出处
  宁波网站建设www.leseo.net
上一篇:
假如是电子商务网站,你以为哪个流程比照合适留住客户?宁波seo认为进入页面一阅览商品一注册变成会员或
下一篇:
页面内容的主题尽可以单一化。页面中的联接能供给满意网友需要的有关资讯。由搜索引擎抓取操作谈捜索引擎优
关于乐华
乐华介绍
乐华思维
人才招聘
使用条款
隐私保护
RSS订阅
网站地图
新闻动态
乐华观点
行业动态
频道介绍
服务介绍
案例展示
品牌研究
品牌理论
品牌体系
联系我们
400-680-2900
社会媒体
微信公众平台
微信公众平台