第五周學習總結-HTML5
2018年8月12日
暑假第五周,我把HTML剩余的一些標簽和用法看完了並學了一些HTML5的標簽及用法。
HTML5比HTML多了一些元素,也刪去了一些元素。
HTML5新增元素
圖形元素
<canvas> |
定義圖形,比如圖表和其他圖像。該標簽基於JavaScript的繪圖API |
新多媒體元素
<audio> |
定義音頻內容。必須有controls屬性。目前,<audio> 元素支持的3種文件格式:MP3、Wav、Ogg。直接加文字內容,音頻不支持時顯示文字。 |
<video> |
定義視頻(video |
<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、插件。屬性有height、src、type、width |
<track/> |
為諸如<video>和<audio>元素之類的媒介規定外部文本軌道。這個元素用於規定字幕文件或其他包含文本的文件,當媒體播放時,這些文件是可見的。 |
新表單元素
<datalist> |
定義選項列表。請與input元素配合使用該元素,來定義input可能的值。 |
<keygen/> |
規定用於表單的密鑰對生成器字段。該標簽在新的 Web 標準中已廢棄,Internet Explorer |
<output> |
定義不同類型的輸出,比如腳本的輸出。 |
新的語義和結構元素
<bdi> |
允許您設置一段文本,使其脫離其父元素的文本方向設置。起到空格作用?目前,只有Firefox和Chrome瀏覽器支持該標簽。 |
<command> |
定義命令按鈕,比如單選按鈕、復選框或按鈕。目前,只有IE 9支持該標簽。 |
<details> |
用於描述文檔或文檔某個部分的細節。與<summary>一起用。目前,只有Chrome和Safari 6支持該標簽。 |
<summary> |