2019-10-18 HTML

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.樣式表??

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市埂陆,隨后出現(xiàn)的幾起案子苛白,更是在濱河造成了極大的恐慌,老刑警劉巖焚虱,帶你破解...
    沈念sama閱讀 222,000評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件购裙,死亡現(xiàn)場離奇詭異,居然都是意外死亡鹃栽,警方通過查閱死者的電腦和手機(jī)躏率,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來民鼓,“玉大人薇芝,你說我怎么就攤上這事∧〔欤” “怎么了恩掷?”我有些...
    開封第一講書人閱讀 168,561評論 0 360
  • 文/不壞的土叔 我叫張陵倡鲸,是天一觀的道長供嚎。 經(jīng)常有香客問我,道長峭状,這世上最難降的妖魔是什么克滴? 我笑而不...
    開封第一講書人閱讀 59,782評論 1 298
  • 正文 為了忘掉前任,我火速辦了婚禮优床,結(jié)果婚禮上劝赔,老公的妹妹穿的比我還像新娘。我一直安慰自己胆敞,他們只是感情好着帽,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,798評論 6 397
  • 文/花漫 我一把揭開白布杂伟。 她就那樣靜靜地躺著,像睡著了一般仍翰。 火紅的嫁衣襯著肌膚如雪赫粥。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,394評論 1 310
  • 那天予借,我揣著相機(jī)與錄音越平,去河邊找鬼。 笑死灵迫,一個(gè)胖子當(dāng)著我的面吹牛秦叛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播瀑粥,決...
    沈念sama閱讀 40,952評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼挣跋,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了狞换?” 一聲冷哼從身側(cè)響起浆劲,我...
    開封第一講書人閱讀 39,852評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎哀澈,沒想到半個(gè)月后牌借,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,409評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡割按,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,483評論 3 341
  • 正文 我和宋清朗相戀三年膨报,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片适荣。...
    茶點(diǎn)故事閱讀 40,615評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡现柠,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出弛矛,到底是詐尸還是另有隱情够吩,我是刑警寧澤,帶...
    沈念sama閱讀 36,303評論 5 350
  • 正文 年R本政府宣布丈氓,位于F島的核電站周循,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏万俗。R本人自食惡果不足惜湾笛,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,979評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望闰歪。 院中可真熱鬧嚎研,春花似錦、人聲如沸库倘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至杆勇,卻和暖如春拇囊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背靶橱。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評論 1 272
  • 我被黑心中介騙來泰國打工寥袭, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人关霸。 一個(gè)月前我還...
    沈念sama閱讀 49,041評論 3 377
  • 正文 我出身青樓传黄,卻偏偏與公主長得像,于是被迫代替她去往敵國和親队寇。 傳聞我的和親對象是個(gè)殘疾皇子膘掰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,630評論 2 359

推薦閱讀更多精彩內(nèi)容