HTML5语义化,html5语义化标签布局

  HTML5语义化,html5语义化标签布局

  HTML结构更加清晰、规范,学习HTML5优化结构的思路。HTML5添加了一些新元素,用来标识常用的结构,是超文本标记语言更具语义化,可是我们无法直接使用,即使可能用到还要等他个十年八年的。

  那就像微格式一样,使用班级代替,或者随意点,使用编号和班级名来代替,让自己的结构更加清晰化,可以推广为规范,让团队协作更加顺畅。一些新增的结构标记

  部分:这可以是书中的一章或一节,实际上可以是在HTML4中有自己的标题的任何东西

  标题:页面上显示的页眉;与头元素不一样

  页脚:页脚;可以显示电子邮件中的签名

  导航:指向其他页面的一组链接

  文章:博客,杂志、文章汇编等中的一篇文章一些例子HTML5的文档结构

  页眉./页眉

  航行./导航

  文章

  部分./部分

  /文章

  在旁边./抛开

  页脚./页脚XHTML的文档结构

  divid=header 标题/div

  divid=navnav/div

  divclass=article

  divclass=section 节/分区

  /div

  撇开,撇开

  divid=页脚页脚/divHTML5的图片结构

  图id=图2

  图例2。InstallMozillaXFormsdialog/legend

  imgalt= awebsiteisrequestingpermissiontoinstalltheallowingitem:mozillaxforms 0.7未签名的 src=安装对话框。jpg /

  /图XHTML的图片结构

  divclass=图

  h4class=legend 图2 .installmozillaxformsdialog/H4

  imgalt= awebsiteisrequestingpermissiontoinstalltheallowingitem:mozillaxforms 0.7未签名的 src=安装对话框。jpg /

  /divHTML5的加上标记

  m元素表示文本被"加上标志",但是不一定要强调。可以把它想像成书中突出显示的一节。

  谷歌的缓存页面就是典型的用例。如果链接到一个缓存的副本,搜索词就被加上标志。例如,如果搜索"白鹭",那么缓存的谷歌页面可能像下面这样:

  GreatmEgret/m(也叫美国毫克/米)是世界范围内发现的一种大型白鸟TheGreatmEgret/mflieswithslowingbeats .科学名称:greatmegret/misCasmerodiusalbus .可扩展的超文本标记语言的加上标记大白鹭是世界上最大的一种白鸟。大白鹭。伟大的科学名称。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: