28个HTML5特点、窍门和技巧

发布时间:2017-04-12 09:12 来源:互联网 以后栏目:网页设计教程

前真个生长如此之迅猛,一不留心,大年夜侠你能够就会被远远地甩在前面了。假设你不想被HTML5的改变/更新搅得手足无措的话,可以把本文的内容作为必须懂得的热身课程。

一、新的Doctype
//zxx:”doctype”中文意思指“文档类型”

仍在应用费事的,弗成能记得住的XHTML文档类型?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.html5cn.org/">假设是,为甚么还在用呢?应用新的HTML5文档类型代替吧。你会活得更久的——正如Douglas Quaid说的

<!DOCTYPE html>我就揣摩着,为了HTML5弄个这厮代码,您能够会对这段代码毕竟靠不靠谱表示困惑。不消担心,如今这是可行的,只要老的浏览器须要一个 特定的doctype(文档类型)。浏览器假设不知道doctype,就会很简单的以标准形式对包含的标签停止衬着。所以,mm你大年夜胆的向前冲,把当心谨 慎都抛到无影无踪,去拥抱新的HTML5文档类型吧。

2、图形元素(The Figure Element )
看看下面给图片添加的标示:

<img src="path/to/image" alt="About image" /> <p>Image of Mars. </p>文字裹在p标签里,与img标签各行其道,很难让人联想到这就是标题。HTML5经过过程采取<figure>元素对此停止 了改正。当合<figcaption>元素组合应用时,我们便可以语义化地联想到这就是图片相对应的标题

<figure> <img src="path/to/image" alt="About image" /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure>
3、<small>重新定义
还 在不久前,<small>元素被用来创建接近logo且相干的副标题。这是个很有效的表示元素,然则,如今,这类用法能够就不精确 了。<small>元素曾经被重新定义了,指小字,因此更具可用性。试想下你网站底部的版权状况,根据对此元素新的HTML5定 义,<small>可以精确地包裹这些信息。

small元素专指“小字”。

四、脚本(scripts)和链接(links)无需type
您能够如今仍在给link和script标签增长type属性。

<link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" /> <script type="text/javascript" src="path/to/script.js"></script>这曾经是老黄花菜,非必须品了。这意味着,这些标签都各自指向样 式表和脚本。是以,我们可以把type属性一路干掉落。

<link rel="stylesheet" href="path/to/stylesheet.css" /> <script src="path/to/script.js"></script>

五、引号照样不要引号
…这确切是个成绩。记住,HTML5不是XHTML,如果你不肯意,你没有须要非得用引号标记包裹你的属性,没有须要非得闭合元素。换句话说,只需你本身认为舒畅,就没有甚么对错之分。关于我本身来讲就是如此。
<p id=someId> Start the reactor.对此弃取你还得本身拿主意。假设你更偏向于构造化的文档,就算天塌上去,也要把引号牢牢拽在怀里。

六、内容可编辑
28个HTML5特点、窍门和技巧  电脑高手


  • 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、
  • 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、