1. 爱易网页
  2. HTML教程
  3. 您必须知道的28个HTML5特征、窍门和技术

您必须知道的28个HTML5特征、窍门和技术

日期：2014-05-17　 浏览次数：20738 次

你必须知道的28个HTML5特征、窍门和技术

前端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被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，就会很简单的以标准模式对包含的标签进行渲染。所以，妹妹你大胆的向前冲，把小心谨慎都抛到九霄云外，去拥抱新的HTML5文档类型吧。 

二、图形元素(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>
三、<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.对此取舍

相关资料更多>

  1. CSS 的优先级机制[小结]
  2. 刷新模式对话框时，不用弹出页面
  3. 表单功能实现，用，用急用急用急用急用解决方法
  4. 惯用的CSS过滤器
  5. 在CSS样式了如何对<a>赋 target
  6. FONT 标签字体颜色对文本装饰('text-decoration')的影响
  7. 求解答，小弟我百度过，可是百不到，所以诺诺的问问
  8. 用css让IE和firefox鼠标放下都能出现手型
  9. 2012年 最经典、最漂亮的 CSS3 成效和制作教程