[ Html ] - 20140609-题目1

[ Html ] - 20140609-题目1

什么是html标签的语义化？以下各组标签有什么区别？
1. strong,b
2. em,i
3. ul li, ol li,dl dt dd, datalist, nav
4. div, p
5. article, section, aside
6. blockquote, cite, q
7. canvas, object, embed 
8. figure, h1...h6
9. header,main,footer,div
10. mark,output,time,span

PS:
1. 回复时注意加上下面这句话，才会有语法高亮或格式缩进。
```html
// you code
```
2. 也可以粘贴jsfiddle地址，比如：
http://jsfiddle.net/jikeytang/Rmt8M/
评论支持markdown语法。
[http://jsfiddle.net/jikeytang/Rmt8M/](http://jsfiddle.net/jikeytang/Rmt8M/)

<!-- 9. header,main,footer,div -->
<!--header main and footer是HTML5新标签 定义页面布局-->
<header>This is a header</header>
<main>This is a main</main>
<footer>This is a footer</footer>
<!-- 10. mark,output,time,span -->
<!--突出显示部分-->
<p>Do not forget to buy <mark>milk</mark> today.</p>
<!--执行计算然后在 <output> 元素中显示结果：-->

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
    <input type="range" id="a" value="50">100
    +<input type="number" id="b" value="50">
    =<output name="x" for="a b"></output>
</form>
<!--定义时间和日期-->
<p>
    我们在每天早上 <time>9:00</time> 开始营业。
</p>

<p>
    我在 <time datetime="2010-02-14">情人节</time> 有个约会。
</p>

strong

该标签着重强调它所包含的内容，具有明显的意义象征

b

该标签仅仅作为表现性的加粗标签，不带有任何形式的语义，方便在丢失样式的情况下可以方便看出主次内容