1. 列表
2.表格
3.節(jié)標(biāo)簽div和span
4.表單
5.高級(jí)補(bǔ)充標(biāo)簽
------表單組合標(biāo)簽 ? ? ?fieldset策吠,配合legend標(biāo)簽使用彤敛,起表單分組作用,更適合語(yǔ)義化免猾。fieldset內(nèi)部包裹表單標(biāo)簽互站,legend標(biāo)簽起到給包裹標(biāo)簽取名字的作用。
<fieldset>
? ? ? ? ? ? ? ?<legend>xxxxxxxx</legend>
</fieldset>
----清空表單內(nèi)容 ? ? ? ?reset理肺, ?<input type=“reset" value="清空"> ? ? ? 當(dāng)點(diǎn)選清空按鈕摄闸,表單將刷新到初始狀態(tài)。
----label標(biāo)簽的第二種用法 ? ? ? ? ? ? ?直接包裹標(biāo)簽妹萨,可以實(shí)現(xiàn)點(diǎn)擊標(biāo)簽的文字內(nèi)容年枕,讓包裹的表單標(biāo)簽獲得焦點(diǎn)。
----內(nèi)聯(lián)框架標(biāo)簽 ? ? ? iframe(行內(nèi)標(biāo)簽) ? ? ? ? ?<iframe src="www.baidu.com" width="400" height="400" frameborder="0"></iframe>
可以設(shè)置高度和寬度(width乎完,height)熏兄。去掉邊框,frameborder設(shè)置為0
----meta標(biāo)簽 ? ? ? ? ?<meta name="keyword" content="xxxxxxxxxxx"/>
關(guān)鍵字屬性树姨,對(duì)頁(yè)面展示沒(méi)有任何影響摩桶,只影響SEO,當(dāng)用戶使用SEO搜索關(guān)鍵詞時(shí)帽揪,meta標(biāo)簽內(nèi)的關(guān)鍵字匹配度越高硝清,網(wǎng)頁(yè)在搜索引擎上的排名越靠前。
<meta name="description" content="xxxxxxxxxxxxxxxx"/>
描述屬性转晰,描述頁(yè)面有什么內(nèi)容芦拿。都屬于SEO優(yōu)化
<meta http-equiv="X-UA-Compatitable" content="IE-edge"/>
代表如果是用IE打開(kāi)當(dāng)前頁(yè)面,就使用最新的IE版本打開(kāi)此頁(yè)面查邢。
-----base標(biāo)簽 ? ? ? ? ? ?<base target="_blank"> ?可以設(shè)置我當(dāng)前頁(yè)面超鏈接標(biāo)簽都擁有相同的屬性蔗崎。
6.HTML語(yǔ)義化
使用語(yǔ)義恰當(dāng)?shù)臉?biāo)簽,使頁(yè)面有良好的結(jié)構(gòu)扰藕,頁(yè)面元素有含義缓苛,能夠讓人和搜索引擎都容易理解。標(biāo)簽與語(yǔ)義相結(jié)合邓深,盡量不要使用沒(méi)有語(yǔ)義的標(biāo)簽未桥,例如div,span芥备,盡量使用p冬耿,ul,ol门躯,table等標(biāo)簽淆党。
充分利用標(biāo)簽?zāi)J(rèn)的含義酷师,例如h1-h6讶凉,th染乌,td等。