前端HTML5基礎 01

2021-10-19 14:51:33 字數 2662 閱讀 2142

html5的概念與定義

html5拓展了哪些內容

html5的現狀

絕對多數新的屬性,都已經被瀏覽器所支援,最新版本的瀏覽器已經開始陸續支援最新的特性,

總的來說:html5已經是大勢所趨

什麼是語義化

新增了那些語義化標籤

使用語義化標籤的注意

- 語義化標籤主要針對搜尋引擎

- 新標籤可以使用一次或者多次

- 在 `ie9` 瀏覽器中,需要把語義化標籤都轉換為塊級元素

- 語義化標籤,在移動端支援比較友好,

- 另外,`html5` 新增的了很多的語義化標籤,隨著課程深入,還會學習到其他的

多**標籤有兩個,分別是

audio標籤說明

audio 支援的音訊格式

audio 的引數

5、audio **演示

語法格式

src=

"./media/video.mp4"

controls

="controls"

>

video

>

video 引數

video **演示

多**標籤總結

多**標籤在不同瀏覽器下情況不同,存在相容性問題

css3發展現狀

屬性選擇器列表

屬性選擇器**演示

button

button[disabled]

**演示

input[type=search]

span[class^=black]

span[class$=black]

span[class*=black]

屬性列表

**演示

ul li:first-child

ul li:last-child

ul li:nth-child(3)

nth-child 詳解

**演示

**演示

區別

偽類選擇器

偽類選擇器注意事項

**演示

新增字型圖示

p

p::after

**轉換(transform)**是css3中具有顛覆性的特徵之一,可以實現元素的位移、旋轉、變形、縮放。

2d轉換

translate語法

transform

:translate

(x, y)

transform

:translatex

(n)transfrom

:translatey

(n)

重點知識點

**演示

div

HTML5前端基礎知識學習

web前端應用需要瀏覽器作為載體,目前可供選擇的瀏覽器型別非常多,選擇款合適的瀏覽器,對於體驗htmls的效果將會有很大的幫助。另外,選擇得心應手的開發工具,也能夠更好地掌握htmls的開發技巧,提高開發實際效果。對於簡單的html網頁,使用記事本就可以完成頁面布局和顯示,對於稍複雜的一些html網...

前端HTML5總結一

下面主要講a鏈結的幾個屬性 1.href 主要是規定鏈結指定的url 普通鏈結 鏈結 號碼 鏈結郵箱 2.target 鏈結的開啟方式 3.name 確定錨的名稱 跳到頁面的second節點 second位置 a標籤的多種狀態 注 如果這四項的書寫順序稍有差錯,鏈結的效果可能就沒有了,所依每次定義鏈...

前端HTML5基本標籤

使用傢伙式 工欲善其事必先利其器,在開發時我們有乙個好的工具可以事半功倍.nopant 也可以寫但是效率低,我們可以使用hbuilder去編寫.並且在編寫介面的右邊還有開發檢視,這裡推薦使用hbuilderx,因為它優秀,不優秀不用 標籤介紹 有序標籤子標籤屬性標籤type 無序標籤 超連結herf...