html5中的標記方法

2021-10-09 06:46:49 字數 1869 閱讀 5064

內容型別(contenttype)

首先,html5的檔案擴充套件符與內容型別保持不變,也就是說,擴充套件符仍然為".html"或".htm",內容型別(contenttype)仍然為"text/html"

doctype宣告

doctype宣告是html檔案中必不可少的,它位於檔案的第一行。在html4中,它的宣告方法如下:

在html5中,刻意不使用版本宣告,乙份文件將會適用於所有版本的html。

html5中的doctype宣告方法(不區分大小寫)如下:

另外,當使用感工具時,也可以在doctype宣告方式中加入system識別符號,宣告方法如下面**所示:

< ! doctype html system 「about:legacy-compat」>

在html5中像這樣的宣告方式是允許的(不區分大小寫,引號不區分是單引號還是雙引號)。

指定字元編碼

在html4中,像meta元素的形式指定檔案中的字元編碼,如下所示:

html是語法是為了保證與之前的html語法達到最大程度的相容而設計的。

例如:符合「沒有

的結束標記」的html5中並沒有把這種情況作為錯誤來處理,而是允許存在這種情況,也明確地規定這種情況應該怎麼處理。

可以省略標記的元素

在html5中,元素的標記可以省略,具體來說,元素的標記分為"不允許寫結束標記"、"可以省略結束標記"和"開始標記和結束標記的全部可以省略"三種型別。

說明:「不允許寫結束標記的元素"是指,不允許使用開始標記與結束標記將元素括起來的形式,只允許使用」《元素/>"的形式進行書寫。

例如:"

…"這種書寫方式是錯誤的,

正確的書寫方式為"

""可以省略全部標記的元素"是指,該元素可以完全被省略。即使標記被省略了,該元素還是以隱式的方式存在的。例如:將body元素省略不寫時,但它在文件結構中還是存在的,可以使用document.body進行訪問

具有boolean值的屬性

對於具有boolean值的屬性,例如:disabled與readonly等,當只寫屬性而不指定屬性值時,表示屬性值為true;如果想要將屬性值設定為false,可以不使用該屬性,另外,要將屬性值設定為true時,也可以將屬性名設定為屬性值,或將空字串設定為屬性值

省略引號

在指定屬性值的時候,屬性值兩邊即可以用雙引號,也可以用單引號。html5在此基礎上做了一些改進,當屬性不包括空字串、「<"、」>「、」=「、單引號、雙引號等字元時,屬性值的兩邊可以省略。

如下面的**所示:

lang

="en"

xmlns

="">

>

charset

="utf-8"

/>

>

html 5標記示例title

>

>

這段**是根據html 5 語法

/>

編寫出來的。

head

>

>

type

="checkbox"

checked

>

type

="checkbox"

>

type

="checkbox"

checkbox

="checked"

>

type

="checkbox"

checked="

">

body

>

html

>

HTML5語義化標記拋棄DIV標記

曾經,設計師們經常會跟頻繁運用基於table的沒有任何語義的布局。不過最終還是要感謝像jeffrey zeldman和eric meyer這樣的思想革新者,聰明的設計師們慢慢的接受了相對更語義化的 div 布局替代了table布局,並且開始呼叫外部樣式表。但不幸的是,複雜的網頁設計須要大量不同的標籤...

html5權威指南 標記文字

html5權威指南 第八章 用基本的文字元素標記內容 html5權威指南 第八章 標記文字 通用容器 p some span text span p 強調重要 i am very worried warning 表示不同情緒或聲音的文字,如內心對白 表示外來語 分類學名和技術術語等 fr oh la...

html5退出全屏觸發的方法 HTML5 拖放

本節我們學習 html5 中的拖放,拖放是一種常見的特性,也就是抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。拖放是由拖動與釋放兩部分組成,拖放事件也分為被拖動元素的相關事件,和容器的相關事件。我們通過上述的拖放事件來實現將下圖 你好,俠課島 拖放到上面的矩...