Web前端筆記|HTML?|HTML核心(上)








HTML核心
網(wǎng)頁
Emmet插件:自動生成HTML代碼片段
注釋
注釋為代碼的閱讀者提供幫助,注釋不參與運行
在HTML中,注釋使用如下格式書寫:
<!-- 注釋內(nèi)容-->
HTML
元素
其他叫法:標(biāo)簽、標(biāo)記
整體:element(元素)
元素 = 起始標(biāo)記 (begin tag)+結(jié)束標(biāo)記(end tag)+元素內(nèi)容+元素屬性
屬性 = 屬性名+ 屬性值
屬性的分類:、
局部屬性:某些元素特有的屬性
全局屬性:所有元素通用
有些元素沒有結(jié)束標(biāo)記,這樣的元素叫做空元素
空元素的兩種寫法:
<meta charset="UTF-8">?<meta charset="UTF-8" />
HTML
元素的嵌套
元素不能相互嵌套
父元素、子元素、祖先元素、后代元素、兄弟元素(擁有同一個父元素的兩個元素)
標(biāo)準(zhǔn)的文檔結(jié)構(gòu)
HTML:頁面、HTML文檔
文檔聲明
<!DOCTYPE html>
HTML
文檔聲明,告訴瀏覽器,當(dāng)前文檔使用的HTML標(biāo)準(zhǔn)是HTML5
不寫文檔聲明,將導(dǎo)致瀏覽器進入怪異渲染模式。
根元素
根元素,一個頁面最多只能有一個,并且該元素是所有其他元素的父元素或祖先元素
HTML5版本中沒有強制要求書寫該元素
lang屬性:language,全局屬性,表示該元素內(nèi)部使用的文字使是使用哪一種自然語言書寫而成的。
head元素
文檔頭,文檔頭內(nèi)部的內(nèi)容,不會顯示到頁面上
文檔的元數(shù)據(jù):附加信息
charset : 網(wǎng)頁內(nèi)容編碼
計算機中,低壓電(0-2v)0,高壓電(2-5v)1,表示2,使用10
計算中,只能存儲數(shù)字,文字和數(shù)字進行對應(yīng),比如 a-97,A-64,該字典叫做字符編碼表,GB2312,GBK,UTF-8是Unicode編碼的一種
title元素
網(wǎng)頁標(biāo)題
body元素
文檔體,頁面上所有要參與顯示的元素,都應(yīng)該放置到文檔體中
語義化
什么是語義化
每一個HTML元素都有具體的含義
a元素:鏈接
p元素:段落
h1元素:一級標(biāo)題
所有元素與展示效果無關(guān)
元素展示到頁面中的效果,應(yīng)該有CSS決定