菜鳥學習HTML5 CSS3(一)

2022-01-19 16:26:48 字數 1747 閱讀 6224

主要內容:

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 正或負 縮...