码迷,mamicode.com
首页 > Web开发 > 详细

html5新增语义化标签

时间:2015-06-10 13:51:16      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

1、<header></header>

2、<footer></footer>

3、<nav></nav>

4、<hgroup></hgroup>

     页面上的一个标题组合,如下:  

     <hgroup>

    <h1></h1>
    <h2>IT培训</h2》

  </hgroup>

5、<section>用来划分区域</section>
6、<article>主体</article>

  <aside>和主体相关的附属信息</aside>

7、媒体元素

  <figure>

    <img />

    <figcaption>媒体元素</figcaption>

  </figure>

8、<time></time>

9、<datalist></datalist>

<input type="text" list="valList" />
<datalist id="valList">
    <option value="javascript">javascript</option>
    <option value="html">html</option>
    <option value="css">css</option>
</datalist>

10、<dialog></dialog>

<dialog open>
  <dt>老师</dt>
  <dd>2+2 等于?</dd>
  <dt>学生</dt>
  <dd>4</dd>
  <dt>老师</dt>
  <dd>答对了!</dd>
</dialog>

11、进度条

<progress max="200" value="100">
    <span>76</span>%
</progress>

html5新增语义化标签

标签:

原文地址:http://www.cnblogs.com/zxxhml/p/4565631.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!