HTML5-基础-标签

HTML5专注内容与结构,而不专注的表现 ,在更多的声明和标签上面做了简化,有利于搜索引擎优化和语义分析:

取消了一些HTML4里过时的元素和属性标记,内容与展现分离: 

  废弃标签:

  <acronym>-定义首字母缩写--使用<abbr>代替

  <applet>-定义applet--使用<object>代替

  <basefont>-定义文档中所有文本的默认颜色、大小和字体--用CSS代替

  <big>-定义大号文本--用CSS代替

  <center>-定义居中文本--用CSS代替

  <dir>-定义目录列表--用CSS代替

  <font>-定义文本的字体、大小、颜色--用CSS代替

  <frame>-定义框架集中地子框架--不支持

  <frameset>-定义框架的集--不支持

  <isindex>-定义单行的输入域--不支持

  <noframes>-定义noframe部分--不支持

  <s>-定义加删除线的文本--用<del>标签代替

  <strike>-定义加删除线的文本--用<del>标签代替

   <tt>-定义打印机文本--不支持

  <u>-定义下划线文本--不支持

  <xmp>-定义预格式文本--不支持

  语义化:

  <b>:HTML4中是表示的是加粗的部分,HTML5也可以这么表示,但是HTML5中<b>表示需要强调的部分,如果您希望把文本标记为相比其他文本更为重要,应该使  用 <strong> 标签。

  <i>:在 HTML 5 中,应该使用 <i> 标签把部分文本定义为某种类型,而不只是利用它在布局中所呈现的样式。

新增加了全新的、更合理的、语义化的标签:

  <article>-定义独立的内容,内容独立于文档的其余部分,例如:论坛帖子,报纸文章,博客条目,用户评论

  <aside>-定义其所处内容之外的内容,aside的内容应该与附近的内容相关。可用于文章的侧栏

  <audio>-定义声音,比如音乐或者其他音频流,可以在开始标签和结束标签之间放置文本内容,这样老浏览器就可以显示出不支持该标签的信息

     属性:

     autoplay:值-autoplay,如果出现该属性,则音频在就绪后马上播放

     controls:值-controls,如果出现该属性,则向用户显示控件,比如播放按钮

     loop:值-loop,如果出现该属性,则每当音频结束时重新开始播放。

     preload:值-preload,如果出现该属性,则音频在页面加载时进行加载,并预备播放,如果使用了"autoplay" ,则忽略了该属性。

    src:值-url,要播放的音频的URL

  <bdi>-定义文本的方向,使其脱离其周围文本的方向设置。指的是bidi隔离。在发布用户评论或其他您无法完全控制的内容时,该标签很有用。

    属性:

    dir:值-(ltr,rtl,auto)默认:auto.

     <canvas>-定义图形,比如图表或其他图像,<canvas>标签知识图形容器,您必须使用脚本来绘制图形。

    属性:

    height:值-pixels

    width:值-pixels

  <command>-定义命令按钮,表示用户能够调用的命令。可以定义命令按钮,比如单选按钮、复选框或按钮,只有当command元素位于menu元素时,该元素才可见,否则不会显示这个元素,但是可以用它来规定按键快捷键

    属性:

    checked:值-checked,定义是否被选中,仅用于radio或checkbox类型

    disabled:值-disabled,定义command是否可用。

    icon:值-url,定义为command来显示的图像的url  

    label:值-text,为command定义可见的label  

    radiogroup:值-groupname,定义command所属的组名。仅在类型为radio时使用。

    type:值-(checkbox,command,radio),定义command类型,默认为command

  <datalist>-定义选项列表,请与input元素配合使用该元素,来定义input可能的值。datalist及其选项不会被显示出来,仅仅是合法的输入值列表

  <details>-标签用于描述文档或文档某个部分的细节

  <embed>-定义外部交互内容或插件

  <figcaption>-定义figure元素标题

  <figure>-定义媒介内容的分组,以及它们的标题

  <footer>-定义section 或page的页脚

  <header>-定义section或page的页眉

  <hgroup>-定义有关文档中的section信息

  <keygen>-定义生成密钥

  <mark>-定义有记号的文本

  <meter>-定义预定义范围内的度量

  <nav>-定义导航链接,如果文档中有“前后”按钮,则应该把它放到 <nav> 元素中。

  <output>-定义输出一些类型

  <progress>-定义任何类型的任务的进度

  <rp>-定义若浏览器不支持ruby元素显示的内容

  <rt>-定义ruby注释的解释

  <ruby>-定义ruby注释

  <section>-定义文档中的节(section、区段),比如章节、页眉、页脚或文档中的其他部分

  <source>-定义媒介源

  <summary>-定义details元素的标题

  <time>-定义日期/时间

  <track>-定义用在媒体播放器中的文本轨道

  <video>-定义视频

(1) 不允许写的结束符的标签:area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr 
(2)可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th 
(3)可以完全省略的标签:html、head、body、colgroup、tbody 

 学习资源:

http://www.cnblogs.com/TomXu/archive/2011/12/06/2277499.html TOM大叔博客

http://www.html5cn.com.cn/ html5中文网

http://www.w3school.com.cn/html5/html5_reference.asp html5手册

HTML5-基础-标签,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。