找回密码
 立即注册
web前端开发
一个XML的简单应用
代码如下:
  1. 1  2  3  4  5      6  7      8  9     10 11          12         13         14         15         16         17         18      19         20         21         22         23         24 25         26 27     28
复制代码
具体请看效果图
143620ob13hxz1cpxmcppk.png


  HTML5新增常用结构性元素


  • 新增的结构性元素
  section:定义文档中的节。比如章节、页眉、页脚或文档中的其他部分。一般用于成节的内容,会在文档流中开始一个新的节。
  article:它是一个特殊的section标签,它比section具有更明确的语义,它代表一个独立的、完整的相关内容块,可独立于页面其他内容使用。
  nav:此标签代表页面的一个部分,表示页面中导航链接的部分
  aside:它用来装载非正文的内容,被视为页面里面一个单独的部分。它包含的内容与页面的主要内容事分开的,可以被删除,而不会影响到网页的内容、章节或是页面所要传达的信息。
  hgroup:hgroup标签是堆网页或区段section的标题元素(h1-h6)进行组合。
  footer:它定义section或文档的页脚,包含了页面、文章或是部分内容有关的信息。
  header:定义文档的页眉,通常是一些引导和导航信息。它不局限于写在网页头部,也可以写在网页内容里面。
  figure:用于对元素进行组合。多用于图片与图片描述组合。

  • 在之前的HTML页面中,大家基本上都是用了Div+CSS定义的布局方式
143620qwmitkujnjdg94t3.png




  • 在之前的HTML页面中,大家基本上都是用了Div+CSS布局方式,而这个则精简了许多
143620mbaqzbsab1s6tfb0.png




  • 新增的常用语义性元素
  mark:定义带有标记的文本,需要突出显示文本时使用标签。
  progress:标签定义运行中的任务进度(进程).
  time:表示时间日期值。
  datalis:此标签规定了用户可见的或隐藏的需求的补充细节。
  datalist:定义选项列表。请与input元素配合使用你该元素,来定义input可能的值。
  ruby:此标签定义ruby注释,往往与和标签一起配合使用。
  menu:表示菜单列表。
  command:commend标签可以定义用户可能调用的命令(比如单选按钮、复选按钮或按钮)。
2语义性元素示例
代码如下:
  1. 1  2  3  4  5 2语义性元素示例 6  7  8  9     I love you
  2. 10     downloading progress:11     we open at 10:00 every morning
  3. 12     I have a date on教师的节日
  4. 13     14         15             Copyright 1999-2011.16         17         -by refsnes data.all rights reserved
  5. 18         All contedt and graphics on this web site are the property
  6. 19     20     21     22         23         24         25     26     漢27     han汉28     29 30
复制代码
运行效果如下:
143621eqqut5jb5l7uhjcz.png



  • HTML5废除的相关元素
能用css代替的元素,比如:basefont、big、center、font、是、strike、tt、u。
不能再使用frame框架,frameset、frame、noframes。HTML5中不支持frame框架,只支持iframe框架。
只有部分浏览器支持的元素,applet、bgsound、blink、marquee等标签。
其他被废除的元素,比如:废除rb使用ruby替代、废除acronym使用abbr替代、废除dir使用ul替代、废除listing使用pre替代等。


免责声明:本文内容部分来源于网络,出于网络分享目的,如对您的权益版权有异议我们将予以删除,谢谢合作!
分享至 : QQ空间
收藏
您需要登录后才可以回帖 登录 | 立即注册