HTML5 - 新特性

HTML5 - 新特性

HTML5 的一些最有趣的新特性：

 

• 新的语义元素，比如 <header>, <footer>, <article>, and <section>。
• 新的表单控件，比如数字、日期、时间、日历和滑块。
• 强大的图像支持（借由 <canvas> 和 <svg>）
• 强大的多媒体支持（借由 <video> 和 <audio>）
• 强大的新 API，比如用本地存储取代 cookie。

 

 

HTML5 定义了八个新的语义 HTML 元素。所有都是块级元素。

 

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

 

 

HTML5 定义了八个新的语义 HTML 元素。所有都是块级元素

H5允许通过浏览器 trick 向 HTML 添加任何新元素：本例向 HTML 添加了一个名为 <myHero> 的新元素

 

<myHero>My First Hero</myHero>

 

 

注意：Internet Explorer 8 以及更早的版本，不允许对未知元素添加样式

 

幸运的是，Sjoerd Visscher 创造了 "HTML5 Enabling JavaScript", "the shiv"：

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

以上代码是一段注释，但是 IE9 的早期版本会读取它（并理解它）。

HTML5 中的语义元素

 

来源： http://www.w3school.com.cn/html/html5_semantic_elements.asp

标签	描述
<article>	定义文章。
<aside>	定义页面内容以外的内容。
<details>	定义用户能够查看或隐藏的额外细节。
<figcaption>	定义 <figure> 元素的标题。
<figure>	规定自包含内容，比如图示、图表、照片、代码清单等。
<footer>	定义文档或节的页脚。
<header>	规定文档或节的页眉。
<main>	规定文档的主内容。
<mark>	定义重要的或强调的文本。
<nav>	定义导航链接。
<section>	定义文档中的节。
<summary>	定义 <details> 元素的可见标题。
<time>	定义日期/时间。