1. 程式人生 > >第五周學習總結-HTML5

第五周學習總結-HTML5

頁腳 生成 name 媒體播放 cells ade 百度一 輸出 sum

2018年8月12日

  暑假第五周,我把HTML剩余的一些標簽和用法看完了並學了一些HTML5的標簽及用法。

  HTML5比HTML多了一些元素,也刪去了一些元素。

HTML5新增元素

圖形元素

<canvas>

定義圖形,比如圖表和其他圖像。該標簽基於JavaScript的繪圖API

新多媒體元素

<audio>

定義音頻內容。必須有controls屬性。目前,<audio> 元素支持的3種文件格式:MP3WavOgg。直接加文字內容,音頻不支持時顯示文字。

<video>

定義視頻(video

或者movie),有widthheight屬性。必須有controls屬性。直接加文字內容,視頻不支持時顯示文字。

<source/>

定義多媒體資源<video><audio>。瀏覽器選擇能播放的使用。

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

<source src="horse.ogg" type="audio/ogg">

<source src="horse.mp3" type="audio/mpeg">

<embed/>

定義嵌入的內容,比如flash、插件。屬性有heightsrctypewidth

<track/>

為諸如<video><audio>元素之類的媒介規定外部文本軌道。這個元素用於規定字幕文件或其他包含文本的文件,當媒體播放時,這些文件是可見的。

新表單元素

<datalist>

定義選項列表。請與input元素配合使用該元素,來定義input可能的值。

<keygen/>

規定用於表單的密鑰對生成器字段。該標簽在新的 Web 標準中已廢棄,Internet Explorer

不支持keygen標簽。

<output>

定義不同類型的輸出,比如腳本的輸出。

新的語義和結構元素

<bdi>

允許您設置一段文本,使其脫離其父元素的文本方向設置。起到空格作用?目前,只有FirefoxChrome瀏覽器支持該標簽。

<command>

定義命令按鈕,比如單選按鈕、復選框或按鈕。目前,只有IE 9支持該標簽。

<details>

用於描述文檔或文檔某個部分的細節。與<summary>一起用。目前,只有ChromeSafari 6支持該標簽。

<summary>