1.html新表單元素?
HTML5 表單元素
HTML5 增加了如下表單元素:
<datalist>
<keygen>
<output>
注釋:默認(rèn)地贰逾,瀏覽器不會(huì)顯示未知元素混卵。新元素不會(huì)破壞您的頁面纳像。
<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> 無法提供關(guān)于其內(nèi)容的信息。
6.html5的語義元素?
HTML5 提供了定義頁面不同部分的新語義元素:
<article>元素規(guī)定獨(dú)立的自包含內(nèi)容泼疑〉侣蹋可與section元素相互嵌套?
<aside>元素頁面主內(nèi)容之外的某些內(nèi)容(比如側(cè)欄)。
<details>定義用戶能夠查看或隱藏的額外細(xì)節(jié)退渗。
<figcaption>標(biāo)題(caption)的作用是為圖片添加可見的解釋脆炎。通過 HTML5,圖片和標(biāo)題能夠被組合在?<figure>?元素中:
<figure>規(guī)定自包含內(nèi)容氓辣,比如圖示秒裕、圖表、照片钞啸、代碼清單等几蜻。
<footer>元素為文檔或節(jié)規(guī)定頁腳。元素應(yīng)該提供有關(guān)其包含元素的信息体斩。頁腳通常包含文檔的作者梭稚、版權(quán)信息、使用條款鏈接絮吵、聯(lián)系信息等等弧烤。
<header>?元素為文檔或節(jié)規(guī)定頁眉。元素應(yīng)該被用作介紹性內(nèi)容的容器蹬敲。一個(gè)文檔中可以有多個(gè) <header> 元素暇昂。
<main>規(guī)定文檔的主內(nèi)容。
<mark>定義重要的或強(qiáng)調(diào)的文本伴嗡。
<nav>元素定義導(dǎo)航鏈接集合急波。元素旨在定義大型的導(dǎo)航鏈接塊。不過瘪校,并非文檔中所有鏈接都應(yīng)該位于 <nav> 元素中澄暮!
<section>元素定義文檔中的節(jié)。
<summary>定義 <details> 元素的可見標(biāo)題阱扬。
<time>定義日期/時(shí)間泣懊。
7.H5的標(biāo)記方式??
<!DOCTYPE html>
<meta charset="utf-8">
8.兼容老瀏覽器識別H5
添加 shiv
所有現(xiàn)代瀏覽器都支持 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?屬性。當(dāng)圖像無法顯示時(shí)該屬性很重要用踩。
請始終定義圖像尺寸渠退。這樣做會(huì)減少閃爍忙迁,因?yàn)闉g覽器會(huì)在圖像加載之前為圖像預(yù)留空間。
13.屬性名稱和屬性名稱之間的等于號兩遍的空格是合法的?
但是精簡空格更易閱讀碎乃, But space-less is easier to read, and groups entities better together:
14.省略 <html> 和 <body>姊扔?
在 HTML5 標(biāo)準(zhǔn)中,能夠省略 <html> 標(biāo)簽和 <body> 標(biāo)簽梅誓。
以下代碼作為 HTML5 進(jìn)行驗(yàn)證:
<!DOCTYPE html>
<head>
? <title>Page Title</title>
</head>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
我們不推薦省略 <html> 和 <body> 標(biāo)簽恰梢。
<html> 元素是文本的根元素。它是規(guī)定頁面語言的理想位置梗掰。
15.HTML 注釋?
HTML 注釋
短注釋應(yīng)該在單行中書寫嵌言,并在 <!-- 之后增加一個(gè)空格,在 <!-- 之前增加一個(gè)空格:
長注釋及穗,跨越多行摧茴,應(yīng)該通過 <!-- 和 --> 在獨(dú)立的行中書寫:
16.樣式表??