HTML5+CSS3 1

2015年10月23日

第一個(gè)HTML5頁面

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>第一個(gè)HTML5頁面</title>
</head>
<body>
        Hello, World!
</body>
</html>

HTML5不區(qū)分字母大小寫络凿、標(biāo)記結(jié)束符以及屬性是否加引號(hào)烦周,即下列代碼是等效的:

<meta charset="utf-8">
<META charset="utf-8" />
<META charset=utf-8>

html5新增功能元素

a)hgroup元素:對(duì)于整個(gè)頁面或頁面中的一個(gè)內(nèi)容區(qū)塊的標(biāo)題進(jìn)行組合帚稠,例:

<hgroup>...</hgroup>

在HTML4中表現(xiàn)為:

<div>...</div>

b)figure元素:表示一段獨(dú)立的流內(nèi)容孵运,一般表示文檔主體流內(nèi)容中的一個(gè)獨(dú)立單元。使用figcaption元素可為figure元素組添加標(biāo)題惠呼,例如:

<figure>
      <figcaption>標(biāo)題</figcaption>
      <p>內(nèi)容</p>
</figure>

在HTML4中表示為:

<dl>
        <h1>標(biāo)題</h1>
        <p>內(nèi)容</p>
</dl>

c)mark元素:用來呈現(xiàn)突出顯示或高亮的文字导俘。mark元素的一個(gè)比較典型的應(yīng)用就是在搜索結(jié)果中向用戶高亮顯示關(guān)鍵字。例:

<mark></mark>

d)time元素:表示日期或時(shí)間剔蹋,也可以同時(shí)表示兩者旅薄。例如:

<time></time>

HTML全局屬性

全局屬性就是指對(duì)任何元素都使用的屬性。
1.contentEditable屬性
contentEditable屬性的主要功能是允許用戶在線編輯元素中的內(nèi)容泣崩。contentEditable是一個(gè)布爾值屬性少梁,可以被指定為true或false。此外矫付,該屬性還有一個(gè)隱藏的inherit狀態(tài)

2.designMode屬性
designMode屬性用來指定整個(gè)頁面是否可編輯凯沪,當(dāng)頁面課編輯時(shí),頁面中任何支持上文所述的contentEditor屬性的元素都變成了可編輯狀態(tài)买优。designMode屬性只能在JavaScript腳本里被修改妨马。該屬性有兩個(gè)值:on與off。屬性被指定為on時(shí)而叼,頁面可編輯身笤;被指定為off時(shí),頁面不可編輯葵陵。使用JavaScript腳本來指定designMode屬性:

document.designMode="on"

3.hidden屬性
在HTML5中液荸,所有元素都允許使用一個(gè)hidden屬性。當(dāng)hidden為true時(shí)脱篙,元素不可見娇钱;當(dāng)設(shè)為false時(shí),元素可見绊困。

4.spellcheck屬性
spellcheck屬性是HTML5針對(duì)input元素(type=text)與textarea這兩個(gè)文本輸入框提供的一個(gè)新屬性文搂,它的功能是為對(duì)用戶輸入的文本內(nèi)容進(jìn)行拼寫和語法檢查。spellcheck屬性是一個(gè)布爾值的屬性秤朗,具有true和false兩種值煤蹭,但是書寫時(shí)有一個(gè)特殊的地方,就是必須明確聲明屬性值為true或false取视。示例:

<!--以下兩種書寫方法正確-->
<textarea spellcheck="true">
<input type="text" spellcheck="false">

值得注意的是硝皂,如果元素的readOnly屬性或disabled屬性設(shè)為true,則不執(zhí)行拼寫檢查作谭。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末稽物,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子折欠,更是在濱河造成了極大的恐慌贝或,老刑警劉巖吼过,帶你破解...
    沈念sama閱讀 222,627評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異咪奖,居然都是意外死亡盗忱,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門羊赵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來售淡,“玉大人,你說我怎么就攤上這事慷垮∫菊ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 169,346評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵料身,是天一觀的道長汤纸。 經(jīng)常有香客問我,道長芹血,這世上最難降的妖魔是什么贮泞? 我笑而不...
    開封第一講書人閱讀 60,097評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮幔烛,結(jié)果婚禮上啃擦,老公的妹妹穿的比我還像新娘。我一直安慰自己饿悬,他們只是感情好令蛉,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,100評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著狡恬,像睡著了一般珠叔。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上弟劲,一...
    開封第一講書人閱讀 52,696評(píng)論 1 312
  • 那天祷安,我揣著相機(jī)與錄音,去河邊找鬼兔乞。 笑死汇鞭,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的庸追。 我是一名探鬼主播霍骄,決...
    沈念sama閱讀 41,165評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼锚国!你這毒婦竟也來了腕巡?” 一聲冷哼從身側(cè)響起玄坦,我...
    開封第一講書人閱讀 40,108評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤血筑,失蹤者是張志新(化名)和其女友劉穎绘沉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體豺总,經(jīng)...
    沈念sama閱讀 46,646評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡车伞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,709評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了喻喳。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片另玖。...
    茶點(diǎn)故事閱讀 40,861評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖表伦,靈堂內(nèi)的尸體忽然破棺而出谦去,到底是詐尸還是另有隱情,我是刑警寧澤蹦哼,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布鳄哭,位于F島的核電站,受9級(jí)特大地震影響纲熏,放射性物質(zhì)發(fā)生泄漏妆丘。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,196評(píng)論 3 336
  • 文/蒙蒙 一局劲、第九天 我趴在偏房一處隱蔽的房頂上張望勺拣。 院中可真熱鬧,春花似錦鱼填、人聲如沸药有。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽塑猖。三九已至,卻和暖如春谈跛,著一層夾襖步出監(jiān)牢的瞬間羊苟,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評(píng)論 1 274
  • 我被黑心中介騙來泰國打工感憾, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蜡励,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,287評(píng)論 3 379
  • 正文 我出身青樓阻桅,卻偏偏與公主長得像凉倚,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子嫂沉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,860評(píng)論 2 361

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

  • 本文主要介紹Html5和Html4的區(qū)別稽寒。 語法的改變 內(nèi)容類型HTML5 的文件擴(kuò)展符與內(nèi)容類型保持不變。擴(kuò)展符...
    layjoy閱讀 1,848評(píng)論 0 23
  • 新增的主體結(jié)構(gòu)元素 主體結(jié)構(gòu)元素:article趟章、section杏糙、nav慎王、aside非主體結(jié)構(gòu)元素:header、...
    oWSQo閱讀 3,507評(píng)論 0 0
  • html5解決了:web瀏覽器之間的兼容性很低宏侍、文檔結(jié)構(gòu)不明確等功能赖淤。 一、Html5和Html4的區(qū)別 (1)語...
    徐慕熹微閱讀 2,182評(píng)論 5 35
  • 父母在吐限,不遠(yuǎn)游,游必有方褂始。 |《論語·里仁》| ▼ 01 今年過年回家毯盈,年前接到媽媽的電話,問我過年想吃什么零食病袄。...
    紅妹愛折騰閱讀 890評(píng)論 1 2
  • 你曾對(duì)我說 失去了我 你錯(cuò)過了 一次流星劃過的愿 星逝的愿 些許的愛過 愿望的實(shí)現(xiàn) 不會(huì)是重要的 重要的是曾經(jīng)許過...
    狼眼閱讀 276評(píng)論 0 2