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>意图很明确，但并不是什么时候都要使用它。使用它需要满足如下条件：

  1. 有标题；
  2. 除了标题之外还有其它的元素，如<p>等；
  3. 如果仅仅是由多个标题组成的，可以只用<hgroup>，而不使用<header>
  4. 除此之外，页眉可以直接使用<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显得多余了，可以删除，但是不能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新事物的更多相关文章

  1. HTML5新标签 w3c

    w3c标准下的HTML5新标签 ,做个归纳总结: H5标签 定义和用法 兼容性 <artical> 规定独立的自包含内容, 支持html中的全局属性, 支持html中的事件属性 IE: 支 ...

  2. HTML5新的标签和属性

    <article>标签定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本.亦或是来自其他外部源内容. HTML5:<arti ...

  3. html5新特性

    这一篇博文不会告诉你怎么去使用html5的新特性,只会给你总结一下新特性------对于好学的人可以把这篇文章当做一个目录 对于初接触的人来说是一个导向 对于已经接触过的人来说是一个检测你掌握程度的检 ...

  4. 让ie浏览器支持html5新标签的解决方法(使用html5shiv)

    没估计错的话旧版浏览器都是不识别这些新增的标签所以都是用行内元素来处理解决的,所以,有一个解决办法的突破口就是让它变成块状元素就不会处于同一行了,这样在新旧浏览器都是可以显示同样的效果,再者就是让浏览 ...

  5. html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？

    * HTML5 现在已经不是 SGML(标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言) 的子集,主要是关于图像,位置,存储,多任务等功能的增加.   * 拖拽释放(Drag an ...

  6. Html5新标签解释及用法

    Html5新标签解释及用法 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要 ...

  7. Html5新标签及用法

    HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2  HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务( ...

  8. 支持HTML5新标签

    IE8/IE7/IE6支持通过document.createElement方法产生的标签,               可以利用这一特性让这些浏览器支持HTML5新标签,               ...

  9. 让IE6,7,8支持HTML5新标签的方法

    很多网站对网页进行重构的时候,提高标签的语义性,在网页中大量使用了section,article,header等HTML5新标签.考虑到目前win7自带的IE浏览器版本是IE8,而IE8不支持HTML ...

随机推荐

  1. 解决spring配置中的bean类型的问题：BeanNotOfRequiredTypeException

    解决spring配置中的bean类型的问题:BeanNotOfRequiredTypeException这个问题出现的原因:一般在使用annotation的方式注入spring的bean 出现的,具体 ...

  2. 在SourceInsight中用快捷键打开文件所在的目录

    创建一个Custom Command:  ShellExecute open %d.  然后关联一个快捷键.

  3. div+css总结—FF下div不设置高度背景颜色或外边框不能正常显示的解决方法（借鉴）

    原地址:http://blog.sina.com.cn/s/blog_60b35e830100qwr2.html 在使用div+css进行网页布局时,如果外部div有背景颜色或者边框,而不设置其高度, ...

  4. cuffdiff 和 edgeR 对差异表达基因的描述

    ASE又走到了关键的一步  要生成能决定是否有差异表达的table. 准备借鉴一下cuffdiff和edgeR 的结果 cuffdiff对差异表达基因的描述: 一共十四列: 第一列, test_id ...

  5. 在WAS 中建立db2 dataSource

    1: 安全性->JAAS配置->J2C认证数据: 新建-> 名称(随意起) 数据库用户名 密码.数据库密码 2:应用程序服务器?server1?Web容器?会话管理?分布式环境设置 ...

  6. 装载： Matlab 提取矩阵 某一行 或者 某一列 的方法

    比如,从一个6*6矩阵中,提取它的第一行元素,形成一个6维行向量. A(i,:)行  A(:,i)列 方法: A(i,:) 提取矩阵A的第 i行 A(:,i) 提取矩阵A的第 i列   给你个例子: ...

  7. boot/bootsect.S

    !! SYS_SIZE is the number of clicks (16 bytes) to be loaded.! 0x7F00 is 0x7F000 bytes = 508kB, more ...

  8. leetcode 116 Populating Next Right Pointers in Each Node ----- java

    Given a binary tree struct TreeLinkNode { TreeLinkNode *left; TreeLinkNode *right; TreeLinkNode *nex ...

  9. JavaWeb学习记录（二十六）——在线人数统计HttpSessionListener监听实现

    一.session销毁控制层代码 public class InvalidateSession extends HttpServlet { public void doGet(HttpServletR ...

  10. Python学习(5)——内置函数

    常用字符串内置函数 1)str.count() //返回该字符串中某个子串出现的次数 2)str.find() //返回某个子串出现在该字符串的起始位置 3)str.lower() //将该字符串全部 ...