1.html新表单元素
HTML5 表单元素
HTML5 增加了如下表单元素:
<datalist>
<keygen>
<output>
注释:默认地,浏览器不会显示未知元素。新元素不会破坏您的页面。
<form action="action_page.php">
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
</form>
3.input属性
HTML5 属性
HTML5 为 <input> 增加了如下属性:
autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height 和 width
list
min 和 max
multiple
pattern (regexp)
placeholder
required
step
并为 <form> 增加如需属性:
autocomplete
novalidate
4.已添加的 JavaScript 语句 document.createElement("myHero"),仅适用于 IE。
5.语义元素是拥有语义的元素。
非语义元素的例子:<span>和 <div> 无法提供关于其内容的信息。
6.html5的语义元素
HTML5 提供了定义页面不同部分的新语义元素:
<article>元素规定独立的自包含内容。可与section元素相互嵌套
<aside>元素页面主内容之外的某些内容(比如侧栏)。
<details>定义用户能够查看或隐藏的额外细节。
<figcaption>标题(caption)的作用是为图片添加可见的解释。通过 HTML5,图片和标题能够被组合在 <figure> 元素中:
<figure>规定自包含内容,比如图示、图表、照片、代码清单等。
<footer>元素为文档或节规定页脚。元素应该提供有关其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
<header> 元素为文档或节规定页眉。元素应该被用作介绍性内容的容器。一个文档中可以有多个 <header> 元素。
<main>规定文档的主内容。
<mark>定义重要的或强调的文本。
<nav>元素定义导航链接集合。元素旨在定义大型的导航链接块。不过,并非文档中所有链接都应该位于 <nav> 元素中!
<section>元素定义文档中的节。
<summary>定义 <details> 元素的可见标题。
<time>定义日期/时间。
7.H5的标记方式
<!DOCTYPE html>
<meta charset="utf-8">
8.兼容老浏览器识别H5
添加 shiv
所有现代浏览器都支持 HTML5 语义元素。
此外,您可以“教授”老式浏览器如何处理“未知元素”。
为 Internet Explorer 支持而添加的 shiv:
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
9.header和footer
更改为 HTML5 <header> 和 <footer>
把 id="header" 和 id="footer" 的 <div> 元素:
修改为 HTML5 语义元素 <header> 和 <footer>:
10.nav
更改为 HTML5 <nav>
把 id="menu" 的 <div> 元素:修改为 HTML5 语义元素 <nav>:
11.section
更改为 HTML5 <section>
把 id="content" 的 the <div> 元素:修改为 HTML5 语义元素 <section>:
12.请始终对图像<img />使用 alt 属性。当图像无法显示时该属性很重要。
请始终定义图像尺寸。这样做会减少闪烁,因为浏览器会在图像加载之前为图像预留空间。
13.属性名称和属性名称之间的等于号两遍的空格是合法的
但是精简空格更易阅读, But space-less is easier to read, and groups entities better together:
14.省略 <html> 和 <body>?
在 HTML5 标准中,能够省略 <html> 标签和 <body> 标签。
以下代码作为 HTML5 进行验证:
<!DOCTYPE html>
<head>
<title>Page Title</title>
</head>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
我们不推荐省略 <html> 和 <body> 标签。
<html> 元素是文本的根元素。它是规定页面语言的理想位置。
15.HTML 注释
HTML 注释
短注释应该在单行中书写,并在 <!-- 之后增加一个空格,在 <!-- 之前增加一个空格:
长注释,跨越多行,应该通过 <!-- 和 --> 在独立的行中书写:
16.样式表