成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

網(wǎng)站h1,h2,h3標(biāo)簽的用法和技巧

jayzou / 3610人閱讀

摘要：網(wǎng)站標(biāo)簽的用法和技巧我們首先要明白是什么。所以按照標(biāo)簽的級(jí)別，我們理所應(yīng)當(dāng)?shù)膽?yīng)該把標(biāo)簽用在網(wǎng)站最核心的內(nèi)容上。最好是在網(wǎng)頁(yè)源代碼的標(biāo)簽一開(kāi)始的第一個(gè)容器中第一行出現(xiàn)。首頁(yè)及內(nèi)頁(yè)的欄目標(biāo)題均使用標(biāo)簽。

網(wǎng)站h1,h2,h3標(biāo)簽的用法和技巧

我們首先要明白h1,h2是什么。在HTML語(yǔ)言中有

到
定義標(biāo)題頭的六個(gè)不同文字大小的TAGES。本質(zhì)是為了呈現(xiàn)內(nèi)容結(jié)構(gòu)，共有六種標(biāo)簽，文字從大到小，權(quán)重依此反而降低。也就是說(shuō)H1>H2>H3，依此類(lèi)推。他在優(yōu)化中也是起著，呈現(xiàn)內(nèi)容結(jié)構(gòu)的一個(gè)作用，這樣分配的好處把網(wǎng)頁(yè)整個(gè)結(jié)構(gòu)由主到次區(qū)分開(kāi)來(lái)，搜索引擎抓取網(wǎng)頁(yè)的時(shí)候就會(huì)按著這樣的順序進(jìn)行抓取索引。

h1,h2標(biāo)簽可以在任何地方使用，任何你覺(jué)得可以凸顯網(wǎng)頁(yè)內(nèi)容主次的地方進(jìn)行使用。舉個(gè)例子，網(wǎng)站的首頁(yè)。通常來(lái)說(shuō)網(wǎng)站的首頁(yè)最主要的地方就是網(wǎng)站的名稱(chēng)，因?yàn)榫W(wǎng)站的主題是圍繞網(wǎng)站名稱(chēng)來(lái)進(jìn)行建造的。所以按照標(biāo)簽的級(jí)別，我們理所應(yīng)當(dāng)?shù)膽?yīng)該把H1標(biāo)簽用在網(wǎng)站最核心的內(nèi)容上。當(dāng)然也有例外，比如說(shuō)網(wǎng)站是一個(gè)門(mén)戶(hù)站，例如網(wǎng)站名稱(chēng)是新浪。但我們思路仍然可以套用，把H1定義在最核心的內(nèi)容上。

首頁(yè)的核心內(nèi)容已經(jīng)固定，就剩下導(dǎo)航欄目，還有一些其他調(diào)用的欄目了。網(wǎng)站導(dǎo)航欄目有很多連接指向他，并且是長(zhǎng)期固定不變的，必然權(quán)重不會(huì)低，所以我們可以把這個(gè)H2標(biāo)簽的機(jī)會(huì)用在那些不是導(dǎo)航，又在首頁(yè)調(diào)用的欄目上。然后就是H3，我們稍加安排就好。

首先我要知道，什么是heading標(biāo)簽？ 
  
w3school的相關(guān)文字：
 - 
 標(biāo)簽可定義標(biāo)題。
 定義最大的標(biāo)題。
 定義最小的標(biāo)題。

  
  
由于 h 元素?fù)碛写_切的語(yǔ)義，因此請(qǐng)您慎重地選擇恰當(dāng)?shù)臉?biāo)簽層級(jí)來(lái)構(gòu)建文檔的結(jié)構(gòu)。因此，請(qǐng)不要利用標(biāo)題標(biāo)簽來(lái)改變同一行中的字體大小。相反，我們應(yīng)當(dāng)使用層疊樣式表定義來(lái)達(dá)到漂亮的顯示效果。

注：heading標(biāo)簽均為塊級(jí)元素（block）

為什么要使用heading標(biāo)簽？ 
  
我們所使用到的標(biāo)簽，都應(yīng)該是有含義的：比如ul是無(wú)序列表，適合做新聞列表；ol是有序列表，適合做排行版；del是刪除線，適合用來(lái)放

  b2c的“原價(jià)”；address里放的是地址；blockquote大段引用。其它義語(yǔ)標(biāo)簽的用法，在這里暫不一一列舉，等等這些，為得是能讓搜索引擎知道，這些內(nèi)容到底是什么意思，也算是比較淺顯的所謂人機(jī)交互。
h1，h2，h3 的用法：

h1 — 大標(biāo)題，放置于首頁(yè)頂部區(qū)域，通常即導(dǎo)航以上的部分，全站通用，用來(lái)詮釋整個(gè)網(wǎng)站的內(nèi)容，應(yīng)包含網(wǎng)站主關(guān)鍵字，但切忌不要進(jìn)行關(guān)鍵字堆砌。最好是在網(wǎng)頁(yè)源代碼的body標(biāo)簽一開(kāi)始的第一個(gè)容器中第一行出現(xiàn)。且保證一個(gè)頁(yè)面中只出現(xiàn)一次或者零次。

h2 — 副標(biāo)題，每個(gè)頁(yè)面出現(xiàn)的次數(shù)以1-3次為宜。

  
首頁(yè)：同h1，放置于主頭部區(qū)域，于h1的下方，全站調(diào)用，同樣用于概括整站的內(nèi)容?；蛘咴陬^部通用區(qū)域的下方，首頁(yè)內(nèi)容的開(kāi)頭或者中間部分使用一次，用于詮釋首頁(yè)的內(nèi)容。

  
  
子頻道頁(yè)：無(wú)論頂部區(qū)域是否出現(xiàn)過(guò)一次h2，可結(jié)合實(shí)際情況在頭部通用區(qū)域的下方，頁(yè)面內(nèi)容的開(kāi)頭部分使用一次，用于詮釋頻道頁(yè)面的內(nèi)容。

  
  
（以上2種方法可以任選其一，也可以同時(shí)并存）

  
  
文章/產(chǎn)品內(nèi)頁(yè)：文章的標(biāo)題使用h2標(biāo)簽。

  
  
按以上方法，h2標(biāo)簽最多會(huì)被使用到3次，但是請(qǐng)少使用1次。據(jù)以往經(jīng)驗(yàn)來(lái)看，文章/產(chǎn)品內(nèi)頁(yè)使用h2標(biāo)簽效果顯著。

h3 — 三級(jí)標(biāo)題，h3的使用次數(shù)，沒(méi)有明確的規(guī)定，大家用到該用的地方就行。
首頁(yè)及內(nèi)頁(yè)的欄目標(biāo)題均使用h3標(biāo)簽。剛才說(shuō)道h2適用于文章內(nèi)頁(yè)的文章標(biāo)題上，那么h3我通常也用到文章的分段標(biāo)題上

本文基本內(nèi)容來(lái)自：http://panyanfeng.com/website-h1-h2-h3-tag-usage-and-skills/

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/49541.html

相關(guān)文章

  • 每日 30 秒 ? H1 の 小秘密

    showImg(https://segmentfault.com/img/remote/1460000018747727?w=900&h=500); 簡(jiǎn)介 heading 標(biāo)簽、SEO、無(wú)障礙閱讀 ps: 內(nèi)容有點(diǎn)多，本來(lái)只想講一個(gè)點(diǎn)，但是關(guān)聯(lián)性太強(qiáng)了，所以辛苦大家了。 在學(xué)習(xí) HTML 標(biāo)簽的時(shí)候，很多教程只告訴你 怎么用 而沒(méi)有講清楚 是什么，讓我們一起從 h1 到 h6 開(kāi)始重新認(rèn)識(shí) HTM...

    blastz 評(píng)論0 收藏0

  • CSS基礎(chǔ)篇--css reset重置樣式有那么重要嗎？

    摘要：在以前寫(xiě)代碼的時(shí)候，一般都會(huì)在里添加重置樣式，其內(nèi)容如下但是最近在網(wǎng)上看了看網(wǎng)絡(luò)文章，也感覺(jué)有些重置是沒(méi)有用的。當(dāng)然重置的優(yōu)點(diǎn)，缺點(diǎn)都不說(shuō)了，估計(jì)心里都非常有數(shù)的，還是要根據(jù)實(shí)際項(xiàng)目來(lái)。后來(lái)主管給我推薦了一款替代重置的替代方案，那就是用。 在以前寫(xiě)html代碼的時(shí)候，一般都會(huì)在head里添加重置樣式reset.css，其內(nèi)容如下： @charset utf-8; html, body,...

    rockswang 評(píng)論0 收藏0

  • css寫(xiě)作建議和性能優(yōu)化小結(jié)

    摘要：前言還有幾天就到國(guó)慶中秋了，快要放假了，先祝大家節(jié)日快樂(lè)之前寫(xiě)過(guò)的寫(xiě)作建議和技巧，那么今天就來(lái)聊聊吧說(shuō)到，每一個(gè)網(wǎng)頁(yè)都離不開(kāi)，但是對(duì)于，很多開(kāi)發(fā)者的想法就是，只要能用來(lái)布局，把效果圖排出來(lái)就可以了，其它的細(xì)節(jié)或者優(yōu)化，不需要怎么考慮。 1.前言 還有幾天就到國(guó)慶中秋了，快要放假了，先祝大家節(jié)日快樂(lè)！之前寫(xiě)過(guò)js的寫(xiě)作建議和技巧，那么今天就來(lái)聊聊css吧！說(shuō)到css，每一個(gè)網(wǎng)頁(yè)都離不開(kāi)c...

    lifesimple 評(píng)論0 收藏0

  • css寫(xiě)作建議和性能優(yōu)化小結(jié)

    摘要：前言還有幾天就到國(guó)慶中秋了，快要放假了，先祝大家節(jié)日快樂(lè)之前寫(xiě)過(guò)的寫(xiě)作建議和技巧，那么今天就來(lái)聊聊吧說(shuō)到，每一個(gè)網(wǎng)頁(yè)都離不開(kāi)，但是對(duì)于，很多開(kāi)發(fā)者的想法就是，只要能用來(lái)布局，把效果圖排出來(lái)就可以了，其它的細(xì)節(jié)或者優(yōu)化，不需要怎么考慮。 1.前言 還有幾天就到國(guó)慶中秋了，快要放假了，先祝大家節(jié)日快樂(lè)！之前寫(xiě)過(guò)js的寫(xiě)作建議和技巧，那么今天就來(lái)聊聊css吧！說(shuō)到css，每一個(gè)網(wǎng)頁(yè)都離不開(kāi)c...

    hiYoHoo 評(píng)論0 收藏0

  • 獨(dú)立開(kāi)發(fā)變現(xiàn)周刊（第 18 期）：一個(gè)通過(guò)短信進(jìn)行購(gòu)物的網(wǎng)站平臺(tái)

    摘要：不均勻的元素會(huì)感覺(jué)很奇怪即使它們之間的間距是一樣的，視覺(jué)效果似乎是不一致的一個(gè)超級(jí)快速的解決方法是為所有元素設(shè)置相同的寬度。從圖片里提取色盤(pán)的開(kāi)源庫(kù)是一個(gè)開(kāi)源庫(kù)，有端和端的模塊可用。 .markdown-body{word-break:break-word;line-height:1.75;font-weight:400;font-size:15px;overflow-x:hidden;c...

    fevin 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<