HTML5 HTML標籤的改變 嶄新的布局

2021-07-15 05:22:20 字數 1591 閱讀 9820

1、新的文件型別宣告(dtd)

文件型別宣告

html 5的dtd宣告為:

等也是正確的,因為html語法是不區分大小寫的。

在編寫html5文件時,要求指定文件型別,以確保瀏覽器能在html5的標準模式下進行渲染。

2、新增的html5標籤

a,新增的html5標籤-結構標籤

新的結構標籤帶來的是網頁布局的改變及提公升對搜尋引擎的友好

b,新增的html5標籤-多**標籤

多**互動標籤

標記定義

標記定義外部的可互動的內容或外掛程式 比如flash

html5的多**標籤的出現意味著富**的發展以及支援不使用外掛程式的情況下即可操作**檔案,極大地提公升了使用者體驗

c,新增的html5標籤-web應用標籤

web應用標籤

命令列表

menu命令列表標籤 ff(嵌入系統)

menu標記定義乙個命令按鈕

狀態標籤(實時狀態顯示:氣壓、氣溫)c、o

狀態標籤 (任務過程:安裝、載入) c、f、o

為input標記定義乙個下拉列表,配合option f、o

標記定義乙個元素的詳細內容 ,配合dt、dd   c

d,新增的html5標籤-其他標籤

注釋標籤

標記定義 注釋或音標

告訴那些不支援 ruby元素的瀏覽器如何去顯示

標記定義對ruby的注釋內容文字

其他標籤

標記定義表單裡乙個生成的鍵值(加密資訊傳送)o、f

標記定義有標記的文字 (黃色選中狀態)

標記定義一些輸出型別,計算表單結果配合oninput事件

標記定義乙個日期/時間 目前所有主流瀏覽器都不支援

3、刪除的html標籤

純表現的元素:

basefont,big,center,font, s,strike,tt,u;

對可用性產生負面影響的元素:

frame,frameset,noframes;

4、重新定義的html標籤

html元素 html5中的意義

代表內聯文字,通常是粗體,沒有傳遞表示重要的意思

代表內聯文字,通常是斜體,沒有傳遞表示重要的意思

可以同details與figure一同使用,定義包含文字,dialog也可用

可以同details與figure一同使用,彙總細節,dialog也可用

表示主題結束,而不是水平線,雖然顯示相同

重新定義使用者介面的選單,配合commond或者menuitem使用

表示小字型,例如列印注釋或者法律條款

表示重要性而不是強調符號

5、嶄新新的頁面布局

傳統的:

div和新結構標籤的區別和意義

HTML5 標籤的改變

html5 吸取了 xhtml 2 一些建議,包括一些用來改善文件結構的功能,比如,新的 html 標 籤 header,footer,dialog,aside,figure 等的使用,將使內容創作者更加語義地建立文件,之前的開發者 在這些場合是一律使用 div 的。html5 還包含了一些將內容和...

html5中的meter標籤改變顏色規則

一 meter標籤改變顏色規則 meter 標籤的max min屬性定義在最兩邊,low和high定義在中間。這樣分割開了3個區 min,low low,high high,max 最佳值 optimum 和 value 的不同決定了顯示的顏色的不同。最佳值預設是1 2 min max 規則 注意 ...

HTML5的學習(二)HTML5標籤

3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...