html5基礎標簽(html5視頻標簽 html5新標簽用法)

2020-03-24 16:31:35

字體：大中小

來源：轉載

供稿：網友

1、聲明的變化 !DOCTYPE html 2、指定字符編碼的變化 meta charset= utf-8 ，html5中建議使用utf-83、 Html5中允許 p 沒有結束符，不算錯誤4、不允許寫結束標記的有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr5、可以省略結束標記的元素有：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th6、可以省略全部標記的元素有：html、head、body、colgroup、tbody7、 input type=text 之前屬性值text是要有雙引號的，現在也可以省略8、見html5標記示例9、新增的結構元素section：容器元素。章節、頁眉、頁腳，可以與h1、h2 結合起來用，標示文檔結構。也可用于封裝標題+內容，但是沒有標題是不當的。當一個容器元素需要被直接定義樣式活腳本定義行為時，推薦使用div，而非section。作用：對頁面內容進行分塊。不要與有著自己的完整的、獨立的內容的article元素混淆。總結：①不要將section元素用作設置樣式的頁面容器，那是div元素的工作。②如果article元素、aside元素、或nav元素更符合使用條件，不要使用section元素。③不要為沒有標題的內容區塊使用section元素。10、新增的結構元素article：塊級元素。表示頁面中的一塊與上下文不像個的獨立內容。強調獨立性，section強調分段或分塊，article強調獨立性。11、新增的結構元素aside：塊級元素。表示article元素的內容職位的，與article元素內容相關的輔助內容。12、新增的結構元素Header：塊級元素。整個頁面的標題。Header中至少要有一個heading（h1 h6）或hgroup元素或nav元素。13、新增的結構元素hgroup：塊級元素。用于對整個頁面或頁面中一個內容區塊的標題進行組合。如果只有一個主標題，是不需要hgroup的。14、新增的結構元素footer：塊級元素。內容區塊的腳注。15、新增的結構元素address：行內元素。呈現文檔聯系信息，包括：作者、郵箱等等。16、新增的結構元素nav：塊級元素。導航鏈接。傳統導航、側邊欄導航、頁內導航、翻頁導航。H5中不要用menu替代nav，menu元素是用一系列發出命令的菜單上，是一種交互性的元素。更確切的說是使用在web應用程序中的。17、新增的結構元素figure：塊級元素。一段獨立的流內容，一般表示文檔主題流內容的一個獨立單元。使用figcaption元素為figure元素組添加標題。18、新增元素video：定義視頻的。
復制代碼代碼如下:
video width="320" height="240" src=" movie.ogg " controls="controls" video元素 /video
19、新增元素audio：定義音頻的。
復制代碼代碼如下:
audio width="300" height="32" src=" someaudio.wav " audio元素 /audio
20、新增元素embed：插入各種媒體，格式可以是midi、wav、aiff、au、mp3等。21

復制代碼代碼如下:
object width="320" height="240" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" a param" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" param /a name="src" value=" borse.wav /" / embed width="320" height="240" type="application/x-shockwave-flash" src=" borse.wav /" / /object
22、新增元素mark：突出顯示或高亮顯示的文字。相當與span23、新增元素progress：表示運行中的進程，顯示javascript中消耗時間的函數進程。
復制代碼代碼如下:
meter /meter
24、新增元素Time：表示日期和時間。
復制代碼代碼如下:
time /time
H4中用span
25、新增元素ruby：表示ruby注釋。韓han,h4中沒有的26、新增元素rt：表示字符的解釋或發音27、新增元素rp：在ruby中使用，以定義不支持ruby元素的瀏覽器所顯示的內容。28、新增元素wbr：表示軟換行。與br的區別是br表示此處必須換行；而wbr是瀏覽器或者父級元素的寬度足夠寬時，不進行換行，寬度不夠時，主動在此處換行。Wbr對字符型語言作用挺大，但是對于中文，貌似沒有多大的作用。H4中沒有的。29、新增元素Canvas：表示圖形的。如：圖表、圖像。但是：這個元素本身沒有行為。僅提供一塊畫布，把繪制api展現給客戶端javascript，使腳本能夠把繪制的東西繪制到這塊畫布上。
復制代碼代碼如下:
canvas id=" rrr " width=" 200 " height=" 220 " /canvas
30、新增元素command：表示命令按鈕。如：單選按鈕、復選框、按鈕。

復制代碼代碼如下:
command label="cut" /command
html4中沒有31、新增元素details：表示Details用戶要求得到并且可以得到的細節信息。可以與summary配合使用。Summary提供標題或圖例。
復制代碼代碼如下:
details summary html5 /summary this ji a ddddd,you kdkdkdk about html5

/details

32、新增元素datagrid：表示數據的列表。以樹形列表的形式顯示33、新增元素keygen：表示生成密鑰34、新增元素output：表示不同類型的輸出。如腳本35、新增元素source：媒介元素。定義媒介資源。H4中用param36、新增元素menu：表示菜單列表。

復制代碼代碼如下:
menu li /li li /li /menu
h4中menu不被推薦使用。37、新增input元素類型email：表示必須輸入e-mail的文本輸入框。38、新增input元素類型url：表示必須輸入url地址的39、新增input元素類型number：表示必須輸入數值。40、新增input元素類型range：表示必須輸入一定范圍內數字值的41、新增input元素類型date pickers：h5中有多個可選取日期和時間的新型輸入文本框。
復制代碼代碼如下:
Date--------------選取日、月、年
Month-----------選取月、年
Week------------選取周和年
Time-------------選取時間（小時和分鐘）
Datetime-------選取時間、日、月、年（utc時間）
Datetime-local 選取時間、日、月、年（本地時間）
44、
1) 廢除元素：只有部分瀏覽器支持的元素：applet、bgsound（只有ie支持）、blink、marquee等元素。bgsound（只有ie支持）、marquee（只有ie支持），所以在h5中廢除。applet 可由embed或object替代。Bgsound 可由audio替代。Marquee可由js編程方式替代。
2)標簽手冊釋義：用于對元素進行組合。使用指引：多用于圖片與圖片描述組合：

復制代碼代碼如下:
figure
img title="figure標簽" src="img.gif" alt="figure標簽" /
figcaption 這兒是圖片的描述信息 /figcaption
/figure

3)標簽手冊釋義：定義菜單列表。當希望列出表單控件時使用該標簽。使用指引：使用于菜單類區塊，用來定義菜單列表或菜單選項:

復制代碼代碼如下:
/pre
menu
li HTML 5 /li
li CSS /li
li JavaScript /li
/menu
pre
html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：html文本域標簽屬性有哪些？html文本域標簽屬性用法介紹

下一篇：html5繪制時鐘動畫