国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

網站h1,h2,h3標簽的用法和技巧

jayzou / 3592人閱讀

摘要：網站標簽的用法和技巧我們首先要明白是什么。所以按照標簽的級別，我們理所應當的應該把標簽用在網站最核心的內容上。最好是在網頁源代碼的標簽一開始的第一個容器中第一行出現。首頁及內頁的欄目標題均使用標簽。

網站h1,h2,h3標簽的用法和技巧

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

到
定義標題頭的六個不同文字大小的TAGES。本質是為了呈現內容結構，共有六種標簽，文字從大到小，權重依此反而降低。也就是說H1>H2>H3，依此類推。他在優化中也是起著，呈現內容結構的一個作用，這樣分配的好處把網頁整個結構由主到次區分開來，搜索引擎抓取網頁的時候就會按著這樣的順序進行抓取索引。

h1,h2標簽可以在任何地方使用，任何你覺得可以凸顯網頁內容主次的地方進行使用。舉個例子，網站的首頁。通常來說網站的首頁最主要的地方就是網站的名稱，因為網站的主題是圍繞網站名稱來進行建造的。所以按照標簽的級別，我們理所應當的應該把H1標簽用在網站最核心的內容上。當然也有例外，比如說網站是一個門戶站，例如網站名稱是新浪。但我們思路仍然可以套用，把H1定義在最核心的內容上。

首頁的核心內容已經固定，就剩下導航欄目，還有一些其他調用的欄目了。網站導航欄目有很多連接指向他，并且是長期固定不變的，必然權重不會低，所以我們可以把這個H2標簽的機會用在那些不是導航，又在首頁調用的欄目上。然后就是H3，我們稍加安排就好。

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

  
  
由于 h 元素擁有確切的語義，因此請您慎重地選擇恰當的標簽層級來構建文檔的結構。因此，請不要利用標題標簽來改變同一行中的字體大小。相反，我們應當使用層疊樣式表定義來達到漂亮的顯示效果。

注：heading標簽均為塊級元素（block）

為什么要使用heading標簽？ 
  
我們所使用到的標簽，都應該是有含義的：比如ul是無序列表，適合做新聞列表；ol是有序列表，適合做排行版；del是刪除線，適合用來放

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

h1 — 大標題，放置于首頁頂部區域，通常即導航以上的部分，全站通用，用來詮釋整個網站的內容，應包含網站主關鍵字，但切忌不要進行關鍵字堆砌。最好是在網頁源代碼的body標簽一開始的第一個容器中第一行出現。且保證一個頁面中只出現一次或者零次。

h2 — 副標題，每個頁面出現的次數以1-3次為宜。

  
首頁：同h1，放置于主頭部區域，于h1的下方，全站調用，同樣用于概括整站的內容?；蛘咴陬^部通用區域的下方，首頁內容的開頭或者中間部分使用一次，用于詮釋首頁的內容。

  
  
子頻道頁：無論頂部區域是否出現過一次h2，可結合實際情況在頭部通用區域的下方，頁面內容的開頭部分使用一次，用于詮釋頻道頁面的內容。

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

  
  
文章/產品內頁：文章的標題使用h2標簽。

  
  
按以上方法，h2標簽最多會被使用到3次，但是請少使用1次。據以往經驗來看，文章/產品內頁使用h2標簽效果顯著。

h3 — 三級標題，h3的使用次數，沒有明確的規定，大家用到該用的地方就行。
首頁及內頁的欄目標題均使用h3標簽。剛才說道h2適用于文章內頁的文章標題上，那么h3我通常也用到文章的分段標題上

本文基本內容來自：http://panyanfeng.com/website-h1-h2-h3-tag-usage-and-skills/

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/49541.html

相關文章

  • 每日 30 秒 ? H1 の 小秘密

    showImg(https://segmentfault.com/img/remote/1460000018747727?w=900&h=500); 簡介 heading 標簽、SEO、無障礙閱讀 ps: 內容有點多，本來只想講一個點，但是關聯性太強了，所以辛苦大家了。 在學習 HTML 標簽的時候，很多教程只告訴你 怎么用 而沒有講清楚 是什么，讓我們一起從 h1 到 h6 開始重新認識 HTM...

    blastz 評論0 收藏0

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

    摘要：在以前寫代碼的時候，一般都會在里添加重置樣式，其內容如下但是最近在網上看了看網絡文章，也感覺有些重置是沒有用的。當然重置的優點，缺點都不說了，估計心里都非常有數的，還是要根據實際項目來。后來主管給我推薦了一款替代重置的替代方案，那就是用。 在以前寫html代碼的時候，一般都會在head里添加重置樣式reset.css，其內容如下： @charset utf-8; html, body,...

    rockswang 評論0 收藏0

  • css寫作建議和性能優化小結

    摘要：前言還有幾天就到國慶中秋了，快要放假了，先祝大家節日快樂之前寫過的寫作建議和技巧，那么今天就來聊聊吧說到，每一個網頁都離不開，但是對于，很多開發者的想法就是，只要能用來布局，把效果圖排出來就可以了，其它的細節或者優化，不需要怎么考慮。 1.前言 還有幾天就到國慶中秋了，快要放假了，先祝大家節日快樂！之前寫過js的寫作建議和技巧，那么今天就來聊聊css吧！說到css，每一個網頁都離不開c...

    lifesimple 評論0 收藏0

  • css寫作建議和性能優化小結

    摘要：前言還有幾天就到國慶中秋了，快要放假了，先祝大家節日快樂之前寫過的寫作建議和技巧，那么今天就來聊聊吧說到，每一個網頁都離不開，但是對于，很多開發者的想法就是，只要能用來布局，把效果圖排出來就可以了，其它的細節或者優化，不需要怎么考慮。 1.前言 還有幾天就到國慶中秋了，快要放假了，先祝大家節日快樂！之前寫過js的寫作建議和技巧，那么今天就來聊聊css吧！說到css，每一個網頁都離不開c...

    hiYoHoo 評論0 收藏0

  • 獨立開發變現周刊（第 18 期）：一個通過短信進行購物的網站平臺

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

    fevin 評論0 收藏0

發表評論

0條評論

jayzou

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<