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>個人網(wǎng)頁：<input type="url" /><label/> 5 <label>幸運顏色：<input type="color" /><label/><br/><br/> 6 <center><input type="submit" value="提交" /><center> 7 8 <form/>

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

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

　　*meter標簽，用于度量給定范圍（gauge）內(nèi)的數(shù)據(jù)（hight和low分別表示被規(guī)定為高和低的值）

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

?

2.

HTML5新增的元素標簽

　article : 定義獨立于文檔的內(nèi)容

　aside ：定義頁面內(nèi)容之外的內(nèi)容

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

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

　canvas：繪制圖片

　command：定義命令按鈕

　datalist：定義下拉列表

　details：定義元素的細節(jié)

　embed：定義外部交互內(nèi)容或插件

　figure：定義媒介內(nèi)容的分組，以及它們的標題

　figcaption：定義figure元素的標題

　footer：定義section或者page的頁腳

　header：定義section或者page的頁眉

　hgroup：定義有關(guān)文檔中塊的信息

　mark：定義有記號的文本

　meter：定義預定義范圍內(nèi)的度量

　nav：定義導航鏈接

　progress：定義任何類型的任務(wù)的進度

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

　rt：定義ruby注釋的解釋

　ruby：定義ruby的樣式

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

　source：定義媒介源

　summary：定義details元素的標題

　time：定義日期和時間

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

　video：定義視頻

HTML5新增的標準屬性：

　contenteditable：指定是否允許用戶編輯內(nèi)容

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

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

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

　hidden：指定元素是無關(guān)的，被隱藏的元素不會顯示

　item：用于組合元素

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

　subject：指定元素對應(yīng)的項目

?

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.')" /> 　　<--在圖片出現(xiàn)加載錯誤時運行-->

?

轉(zhuǎn)載于:https://www.cnblogs.com/zengbojia/p/7218543.html

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。