HTML5 知識篇總結《I》 入門知識

2021-09-27 03:45:01 字數 1460 閱讀 7076

元素 = 起始標記 + 結束標記 + 元素內容 + 元素屬性

屬性=屬性屬性名 + 屬性值

區域性屬性:某些元素特有的屬性

全域性屬性:所有元素通用 比如:title

有些元素沒有結束標記,這樣的元素叫做:空元素,它是不會顯示內容的

元素巢狀是可以的,比如說:

>

>

p>

正確div

>

但是一定要注意!元素不能相互巢狀!比如說:

>

>

錯誤div

>

p>

父元素、子元素、祖先元素、後代元素、兄弟元素(擁有同乙個父元素的兩個元素)

doctype

html

>

文件宣告,告訴瀏覽器,當前文件使用的html標準是html5,不寫文件宣告,將導致瀏覽器進入怪異渲染模式。

這個不是元素要注意!

lang

="en"

>

html

>

根元素,乙個頁面最多只能有乙個,並且該元素是所有其他元素的父元素或祖先元素。

html5版本中沒有強制要求書寫該元素(根元素)。

lang屬性:language,全域性屬性,表示該元素內部使用的文字是使用哪一種自然語言(漢語、英文等等)書寫而成的。

在lang屬性中設定漢語,html lang=「zh-cn」【已過時】,html lang=「cmn-hans」【現在用的是】

>

....

head

>

文件頭,文件頭內部的內容,不會顯示到頁面上

中國大陸的編碼—gb2312,台灣編碼—gbk,萬國碼(世界所有語言的集合)— utf-8,它的通用性很強,但是也有缺點

>

元素的 charset 屬性:指定網頁內容編碼

用於移動端裝置螢幕適配

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

告訴使用者使用ie瀏覽器時,建議使用 edge 核心

文件體,頁面上所有要參與顯示的元素,都應該放置到文件體中

HTML 5入門知識 Drag

html 5拖放 拖放的步驟 1 物件元素的draggable屬性設定為true,還需要注意的是a元素和img元素必須指定href。2 編寫與拖放有關的事件處理 datatransfer物件的屬性和方法 設定拖放時的視覺效果 dropeffect屬性與effectallowed屬性結合起來可以設定拖...

知識點滴 HTML5 布局總結

布局總結 1 像這樣的行內標記,定義它的margin top和margin bottom是無效的,除非你把它設定為塊狀元素才可以。display block 2 對於塊狀元素,你可以自由的使用外邊距來定義版式和元素之間的距離。類似 div 等等,3 無論什麼元素,一旦設定為是浮動顯示,就擁有了完整的...

HTML5知識點總結(三)

字型及文字屬性 邊距和填充 邊框屬性 列表屬性 背景屬性 背景的漸變 陰影屬性 字型屬性 type text css font 設定字型是所有樣式 font family 設定字型型別 font size 設定字型大小 font weight 設定字型粗細 color 設定字型顏色 font fam...