主要內容:
1.新的文件型別宣告(dtd)
2.新增的html5標籤
3.刪除的html標籤
4.重新定義的html標籤
一、新的文件型別宣告(dtd)
html 5的dtd宣告為:、、等也是正確的,因為html語法是不區分大小寫的。
在編寫html5文件時,要求指定文件型別,以確保瀏覽器能在html5的標準模式下進行渲染。
二、新增的html5標籤
html5 新增的標籤主要分為:結構標籤、多**標籤、web應用標籤等其它標籤
2.1 結構標籤:(塊狀元素)有意義的div
標記定義一篇文章
標記定義乙個頁面或乙個區域的頭部
標記定義導航鏈結
標記定義乙個區域
標記定義頁面內容部分的側邊欄
標記定義檔案中乙個區塊的資訊
標記定義一組**內容以及它們的標題
標籤定義figure元素的標題
標記定義乙個頁面或乙個區域的底部
新的結構標籤帶來的是網頁布局的改變及提公升對搜尋引擎的友好
2.2 多**互動標籤
標記定義音訊內容
標記定義**資源
標記定義
標記定義外部的可互動的內容或外掛程式比如flash
html5的多**標籤的出現意味著富**的發展以及支援不使用外掛程式的情況下即可操作**檔案,極大地提公升了使用者體驗
2.3 web應用標籤
命令列表
menu命令列表標籤ff(嵌入系統)
menu標記定義乙個命令按鈕
狀態標籤(實時狀態顯示:氣壓、氣溫)c\o
狀態標籤(任務過程:安裝、加裝)c、f、o
為input標記定義乙個下拉列表,配合option f、o
標記定義乙個元素的詳細內容 ,配合dt、dd c
2.4 注釋標籤
標記定義 注釋或音標
告訴那些不支援 ruby元素的瀏覽器如何去顯示
標記定義對ruby的注釋內容文字
2.5 其他標籤
標記定義表單裡乙個生成的鍵值(加密資訊傳送)o、f
標記定義有標記的文字 (黃色選中狀態)
標記定義一些輸出型別,計算表單結果配合oninput事件
標記定義乙個日期/時間 目前所有主流瀏覽器都不支援
三、刪除的html標籤
純表現的元素:
basefont,big,center,font, s,strike,tt,u;
對可用性產生負面影響的元素:
frame,frameset,noframes;
產生混淆的元素:
四、重新定義的html標籤
html元素
html5中的意義
代表內聯文字,通常是粗體,沒有傳遞表示重要的意思
代表內聯文字,通常是斜體,沒有傳遞表示重要的意思
可以同details與figure一同使用,定義包含文字,dialog也可用
可以同details與figure一同使用,彙總細節,dialog也可用
表示主題結束,而不是水平線,雖然顯示相同
重新定義使用者介面的選單,配合commond或者menuitem使用
表示小字型,例如列印注釋或者法律條款
表示重要性而不是強調符號
整理未完~~
初學HTML5 CSS3動畫
乙個完整的css animations由兩部分構成 在css3中使用 keyframes規則來建立動畫,keyframes可以設定多個關鍵幀,每個關鍵幀表示動畫過程中的乙個狀態,多個關鍵幀就可以使動畫十分絢麗。keyframes animationname animation屬性用於描述動畫的css...
重頭學習html5 css3系列筆記(3)
復合選擇器 字型屬性 文字屬性 css 設定文字內容 字型,大小,對齊方式 的外形 寬度,邊框樣式,邊距 版面的布局和外觀顯示樣式 css美化html 讓html專注於結構 css由兩部分構成 選擇器 一條或多條宣告 css選擇器 又分基礎選擇器和復合選擇器兩大類 基礎選擇器 由單個選擇器構成,又包...
html5css3學習萌新日誌
下面是我今天新學習的一些html5ss3的用法,主要是用來做效果的 可以讓更好看,可以方便快捷的做出你想要的效果。在今後的學習中我要更加的努力,做網頁還是很有趣味的。努力努力努力!1.2d 移動 translate x,y 或 translatex translatey 旋 rotate 正或負 縮...