首页 > 代码库 > HTML5新事物
HTML5新事物
1 指定编码字符集，极力推荐
<meta charset="utf-8">
2 指定lang，所有的标签上都有，推荐在<html>上指定。
3 css样式的引入，不再需要指定type="text/css"
<link href="style.css" rel="stylesheet">
4 js的引入，不再需要language="javascript"，但是关闭标签是必须的。上面一行是针对IE而设定的。
<!-- saved form url=(0014)abort:internet --><script src="script.js"></script>
5 checkbox，checked是一个属性，不再需要指定其值
<input type="checkbox" checked />
6 big，已经被删除了。small却被留下来了。
small的含义已经发生了改变，用来表示附属细则，如法律条款等。
7 hr，样式不变，但是含义发生了改变，现在用来表示主题的改变。
8
<strong>用来表示重要的东西（推荐使用）；
<b>仅仅用来加粗字体。
<em>重读的部分(推荐使用);
<i>仅仅用来斜体显示。
9 <a>中现在可以是任意的东西。
10 <wbr>，word br，用来指定在对应的位置将过长的字串进行分割。还有<nobr>不要将一个字串进行分割。
11 <time>用来显示一个时间，尽管没有什么样式，但是可以自己去设定。
12
<header>
虽然<header>意图很明确，但并不是什么时候都要使用它。使用它需要满足如下条件：
- 有标题；
- 除了标题之外还有其它的元素，如<p>等；
- 如果仅仅是由多个标题组成的，可以只用<hgroup>，而不使用<header>
- 除此之外，页眉可以直接使用<header>包含。
<header>中肯定要有标题的，如果一个<header>中仅仅包含了一个图片，追加一个看不见的标题也是推荐的，这是遵守html5规则的。
<footer>
HTML5规定，只能在footer中放一些版权，法律相关的信息。其它的不建议放到footer中。
<article>
<section> 用来盛放任何一个有title的文字性描述。
13
<hgroup>，用来盛放所有标题的元素。除了标题之外什么也不要放到它里面。
<header>，它可以用来盛放<h2>之外的另外一个东西。
<header> <hgroup> <h2>This is something</h2> <h4>This is another something</h4> </hgroup> <p>Even I‘m not a title, I wanna be here</p></header>
14
<img> W3School上说，并不会真正的插入一个图片，而只是链接一个图片，这个标签的意义是创建文件的占位空间。
15 CSS相关
padding: 内边距。设定值可以为正数px或者百分数（参照值为其父元素的width），但是值不允许为负值。
margin: 外边距。设定值可以为任意数值或者百分数，负值也是可以接受的。
margin合并： 当两个垂直的元素的margin重合时，将会形成一个margin，其值为较大的一个。横向的无影响。
16 figure, figcaption
插图最好浮动在一个地方，而不是固定在某一个位置。
<figure>用来指定一个盛放图片的区域。
<figcaption>存在于<figure>中，用来追加图片的说明文字。
<figure style="float: left; margin-left: 20px;"> <img src="someimage.gif" /><!--因为存在了figcaption，alt显得多余了，可以删除，但是不能--> <figcaption style="font-size:small, font-style：italic">Some words to discribe the image.</figcaption></figure>
17 aside，旁白，离题的话
一般也是float的，用来引入一些相关背景或者其它一些与文本不相干的内容。
18 document.createElement("header")
这句话是用来告诉IE9以前的那些兄弟们的。他们把不能识别的元素统统放弃掉，但是上面这句话就能够骗过IE们，并且知会他们，header是一个元素了，我们可以对它使用样式。
<!-- 这句话告诉浏览器，如果版本低于IE9的话，加载下面的js，不然不加载 --><!-- [If lt IE9] --> <script src="shiv.js"></script><!-- [endif] -->
19 nav标签
用来生成导航栏的页面元素。
20 section
具有标题，并且没有更合适的标签的一段文本信息。
- 并列显示的一个区块；
- 独立性的一段内容，但是与article没有太大关系；
- 引用的一段比较长的文本；
HTML5新事物