建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > html/xhtml >

HTML5的28个特征、窍门和技术

时间:2010-09-01 13:04来源: 作者: 点击:
端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课程。仍在使用麻烦的,不可能记得住的XHTML文档类型?

  端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课程。

  一、新的Doctype

  //zxx:”doctype”中文意思指“文档类型”

  仍在使用麻烦的,不可能记得住的XHTML文档类型?

 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

  如果是,为什么还在用呢?使用新的HTML5文档类型代替吧。你会活得更久的——正如Douglas Quaid说的

 

  1. <!DOCTYPE html> 

  我就琢磨着,为了HTML5搞个这厮代码,您可能会对这段代码究竟靠不靠谱表示怀疑。不用担心,如今这是可行的,只有老的浏览器需要一个特定的doctype(文档类型)。浏览器如果不知道doctype,就会很简单的以标准模式对包含的标签进行渲染。所以,妹妹你大胆的向前冲,把小心谨慎都抛到九霄云外,去拥抱新的HTML5文档类型吧。

  二、图形元素(The Figure Element )

  看看下面给图片添加的标示:

 

  1. <img src="path/to/image" alt="About image" /><p>Image of Mars. </p>   

  文字裹在p标签里,与img标签各行其道,很难让人联想到这就是标题。HTML5通过采用元素对此进行了改正。当合元素组合使用时,我们就可以语义化地联想到这就是图片相对应的标题

 

  1. <figure>     
  2. <img src="path/to/image" alt="About image" />     
  3. <figcaption>     
  4.      <p>This is an image of something interesting. </p>    
  5.   </figcaption></figure>
(责任编辑:admin)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片