HTML5定義了8個新的HTML語義(semantic)元素,這些元素都是塊級元素。為了能讓舊版本的瀏覽器正確顯示這些元素,可以設置CSS的display屬性為block:
header, section, footer, aside, nav, main, article,figure{ display: block;}
2. 添加新元素
向HTML添加的新的元素,并為該元素定義樣式,元素名為 myHero :
!DOCTYPE html html head title Creating an HTML Element /title script document.createElement( myHero ) /script style myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; /style /head body h1 我的第一個標題 /h1 p 我的第一個段落。 /p myHero 我的第一個新元素 /myHero /body /html
3. 多媒體元素
標簽
描述
audio
定義音頻內容
video
定義視頻(video 或者 movie)
source
定義多媒體資源 video 和 audio
embed
定義嵌入的內容,比如插件。
track
為諸如 video 和 audio 元素之類的媒介規定外部文本軌道。
4. 畫布元素
canvas
標簽定義圖形,比如圖表和其他圖像。該標簽基于 JavaScript的繪圖 API
5. 新表單元素
標簽
描述
datalist
定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。
keygen
規定用于表單的密鑰對生成器字段。
output
定義不同類型的輸出,比如腳本的輸出。
6. 新的語義和結構元素
標簽
描述
article
定義頁面的側邊欄內容
aside
定義頁面內容之外的內容。
bdi
允許您設置一段文本,使其脫離其父元素的文本方向設置。
command
定義命令按鈕,比如單選按鈕、復選框或按鈕
details
用于描述文檔或文檔某個部分的細節
dialog
定義對話框,比如提示框
summary
標簽包含 details 元素的標題
figure
規定獨立的流內容(圖像、圖表、照片、代碼等等)。
figcaption
定義 figure 元素的標題
footer
定義 section 或 document的頁腳。
header
定義了文檔的頭部區域
mark
定義帶有記號的文本。
meter
定義度量衡。僅用于已知最大和最小值的度量。
nav
定義運行中的進度(進程)。
progress
定義任何類型的任務的進度。
ruby
定義 ruby 注釋(中文注音或字符)。
rt
定義字符(中文注音或字符)的解釋或發音。
rp
在 ruby 注釋中使用,定義不支持 ruby元素的瀏覽器所顯示的內容。
section
定義文檔中的節(section、區段)。
time
定義日期或時間。
wbr
規定在文本中的何處適合添加換行符。
7. 已移除的元素
在HTML5中不再使用,已經被刪除。
· acronym · applet · basefont · big · center · dir · font · frame · frameset · noframes · strike · tt
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答