1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. Chrome外掛-《HTML5 Outliner》顯示出網站的大綱樹狀結構

Chrome外掛-《HTML5 Outliner》顯示出網站的大綱樹狀結構

2014/05/12

梅問題-Chrome外掛《HTML5 Outliner》顯示網站大綱看網站是否符合seo

  當使用HTML5的語法結構來設計網頁時,可讓網站的架構更具語意,除了可讓搜尋引擎更加分外,再來就是網頁結構也變得更簡潔,而HTML5新增了許多新的標籤語意,與先前的HTML4有截然的不同, 但大多剛接觸HTML5.0的朋友,時常會誤用HTML5.0的標籤,如此一來不但沒加分,反而讓網站結構變得更混亂,但要如何檢測自已所用的HTML5.0的結構是否正確呢?現在只要在Chrome瀏覽器,安裝HTML5 Outliner的擴充元件,立即就能顯示出網站的大綱列表,如此一來就知道自已的網站架構是否正確了。


HTML5 Outliner:

外掛名稱:HTML5 Outliner
適用平台:Google Chrome
外掛網址:Chrome Store

進入外掛畫面後,點一下免費鈕。
梅問題-Chrome外掛《HTML5 Outliner》顯示網站大綱看網站是否符合seo


再按下新增鈕。
梅問題-Chrome外掛《HTML5 Outliner》顯示網站大綱看網站是否符合seo


當安裝完畢後,網址列後方就會出現綠色條狀的圖示。
梅問題-Chrome外掛《HTML5 Outliner》顯示網站大綱看網站是否符合seo


之後開啟網站時,只要點一下網址列後方的那圖示,就會立即的顯示出網站架構的樹狀圖。
梅問題-Chrome外掛《HTML5 Outliner》顯示網站大綱看網站是否符合seo