2018-07-17 CSS進(jìn)階

一韭邓、HTML基礎(chǔ)知識(shí)

二澎埠、語義化

2.1 標(biāo)題語義化
h1~h6在搜索引擎優(yōu)化(SEO)中占有相當(dāng)重要的地位虽缕。h1~h4被賦予一定的權(quán)重。很少用h5和h6蒲稳。
1). 一個(gè)頁面只能有一個(gè)h1標(biāo)簽氮趋。
2).h1~h6之間不要出現(xiàn)斷層。

2.2 圖片語義化
1)alt屬性和title屬性江耀。
img標(biāo)簽有兩個(gè)重要屬性:alt和title凭峡。
alt屬性用于圖片描述,這個(gè)描述文件是給搜索引擎看的决记。并且當(dāng)圖片無法顯示時(shí),頁面會(huì)顯示alt中的文字倍踪。
title屬性也用于圖片描述系宫,不過這個(gè)描述文字是給用戶看的索昂。并且當(dāng)鼠標(biāo)指針移到圖片上時(shí),會(huì)顯示title中的內(nèi)容扩借。
語法:
<img src="" alt="圖片描述(給搜索引擎看)" title="圖片描述(給用戶看)">
說明:搜索引擎跟人不一樣椒惨,它看不出一張圖片描繪的是什么東西,它只會(huì)查看HTML代碼潮罪,通過img標(biāo)簽的alt屬性或者頁面上下文來判斷圖片的內(nèi)容康谆。因此,對(duì)于img標(biāo)簽嫉到,一定要添加alt屬性沃暗,以便搜索引擎識(shí)別圖片的內(nèi)容。alt屬性在搜索引擎優(yōu)化中也很重要何恶,并且會(huì)被賦予一定的權(quán)重孽锥。
2)figure元素和figcaption元素。
用來增強(qiáng)圖片的語義化细层。
例子:
<figure>
<img src="" alt=""/>
<figcaption></figcaption>
</figure>
說明:
figure元素用于包含圖片和圖標(biāo)惜辑,figcaption元素用于表示圖注文字。使得語義好疫赎。

2.3 表格語義化

2.4 表單語義化

2.5 語義化驗(yàn)證

2.6 HTML5摒棄的標(biāo)簽

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末盛撑,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子捧搞,更是在濱河造成了極大的恐慌抵卫,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件实牡,死亡現(xiàn)場(chǎng)離奇詭異陌僵,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)创坞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門碗短,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人题涨,你說我怎么就攤上這事偎谁。” “怎么了纲堵?”我有些...
    開封第一講書人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵巡雨,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我席函,道長(zhǎng)铐望,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮正蛙,結(jié)果婚禮上督弓,老公的妹妹穿的比我還像新娘。我一直安慰自己乒验,他們只是感情好愚隧,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著锻全,像睡著了一般狂塘。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鳄厌,一...
    開封第一講書人閱讀 51,708評(píng)論 1 305
  • 那天荞胡,我揣著相機(jī)與錄音,去河邊找鬼部翘。 笑死硝训,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的新思。 我是一名探鬼主播窖梁,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼夹囚!你這毒婦竟也來了纵刘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤荸哟,失蹤者是張志新(化名)和其女友劉穎假哎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鞍历,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡舵抹,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了劣砍。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惧蛹。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖刑枝,靈堂內(nèi)的尸體忽然破棺而出香嗓,到底是詐尸還是另有隱情,我是刑警寧澤装畅,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布靠娱,位于F島的核電站,受9級(jí)特大地震影響掠兄,放射性物質(zhì)發(fā)生泄漏像云。R本人自食惡果不足惜锌雀,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望苫费。 院中可真熱鬧汤锨,春花似錦、人聲如沸百框。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽铐维。三九已至,卻和暖如春慎菲,著一層夾襖步出監(jiān)牢的瞬間嫁蛇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工露该, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留睬棚,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓解幼,卻偏偏與公主長(zhǎng)得像抑党,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子撵摆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 第2章 語義化 2.1 語義化簡(jiǎn)介 HTML的精髓在于標(biāo)簽的語義底靠。大部分標(biāo)簽都有它自身的語義,比如 標(biāo)簽特铝,表示pa...
    梁同學(xué)de自言自語閱讀 347評(píng)論 0 2
  • 1暑中、HTML介紹 1 2、Html和CSS的關(guān)系 HTML是網(wǎng)頁內(nèi)容的載體鲫剿。內(nèi)容就是網(wǎng)頁制作者放在頁面上想要讓用戶...
    夏沫xx閱讀 1,380評(píng)論 0 8
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5鳄逾? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 27,489評(píng)論 1 45
  • 一直覺得大家去旅行沒事就不要拍照片的 畢竟拍照這種事情看上去應(yīng)該是我們這種眼睛像素遠(yuǎn)遠(yuǎn)趕不上手機(jī)前攝像頭的人干的 ...
    一口袋土撥鼠閱讀 209評(píng)論 0 0
  • 第一場(chǎng)---血戰(zhàn)鋼鋸嶺 2017年初在人氣快散盡之時(shí),去趕八點(diǎn)檔夜場(chǎng)笆呆,一個(gè)人電影末班車请琳。 不是去看血戰(zhàn)...
    冷酷的貓閱讀 140評(píng)論 0 0