元素 = 起始標記 + 結束標記 + 元素內容 + 元素屬性
屬性=屬性屬性名 + 屬性值
區域性屬性:某些元素特有的屬性
全域性屬性:所有元素通用 比如: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...