1.　*svg（可伸縮矢量圖）標簽畫圓，其中r表示半徑，cx和cy表示其圓心的坐標

1 <svg><circle r="100" cx="200" cy="100" fill="black"></circle></svg>

　　*form表單標簽和input元素的使用

1 <form method="post" action="#"> 2 3 <label>電子郵箱：<input type="email" /><label/> 4 <label>個人網頁：<input type="url" /><label/> 5 <label>幸運顏色：<input type="color" /><label/><br/><br/> 6 <center><input type="submit" value="提交" /><center> 7 8 <form/>

?　　*figure標簽，用于文檔中插圖（figcaption為其設置標題）

1 <figure> 2 <p>黃浦江上的的盧浦大橋</p> 3 <img src="shanghai_lupu_bridge.jpg" width="350" height="234" /> 4 </figure>

　　*meter標簽，用于度量給定范圍（gauge）內的數據（hight和low分別表示被規定為高和低的值）

1 <meter value="3" min="0" max="10">十分之三</meter>

?

2.

HTML5新增的元素標簽

　article : 定義獨立于文檔的內容

　aside ：定義頁面內容之外的內容

　audio ：定義音頻（和video標簽類似，controls屬性的定義可以控制播放按鈕的顯示，出現autoplay屬性，則視頻在就緒后馬上播放，標簽里的內容是音頻或者視頻不能顯示后才顯示）

　bdi：定義文本的方向，使其脫離其周圍文本的方向設置

　canvas：繪制圖片

　command：定義命令按鈕

　datalist：定義下拉列表

　details：定義元素的細節

　embed：定義外部交互內容或插件

　figure：定義媒介內容的分組，以及它們的標題

　figcaption：定義figure元素的標題

　footer：定義section或者page的頁腳

　header：定義section或者page的頁眉

　hgroup：定義有關文檔中塊的信息

　mark：定義有記號的文本

　meter：定義預定義范圍內的度量

　nav：定義導航鏈接

　progress：定義任何類型的任務的進度

　rp：定義如果瀏覽器不 支持ruby元素顯示的內容

　rt：定義ruby注釋的解釋

　ruby：定義ruby的樣式

　section：定義文檔中的節（section，區段）。例如章節，頁眉，頁腳或文檔中的其他部分

　source：定義媒介源

　summary：定義details元素的標題

　time：定義日期和時間

　track：定義用在媒體播放器中的文本軌道

　video：定義視頻

HTML5新增的標準屬性：

　contenteditable：指定是否允許用戶編輯內容

　contextmenu：指定元素的上下文菜單

　data-yourvalue：創建者定義的屬性，HTML文檔的創作者可以定義他們自己的屬性。定義屬性時必須以data-開頭

　draggable：指定是否允許用戶拖動元素

　hidden：指定元素是無關的，被隱藏的元素不會顯示

　item：用于組合元素

　spellcheck：指定是否必須對元素進行拼寫或者語法檢查

　subject：指定元素對應的項目

?

3. 事件屬性（http://www.w3school.com.cn/tags/html_ref_eventattributes.asp）

• Window事件屬性
• 表單事件屬性
• 鍵盤事件屬性
• 鼠標事件屬性
• 媒介事件屬性

1 <img src="image.gif" onerror="alert('The image could not be loaded.')" /> 　　<--在圖片出現加載錯誤時運行-->

?

轉載于:https://www.cnblogs.com/zengbojia/p/7218543.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的HTML随笔3的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。