XHTML標簽語義化介紹
來源:易賢網 閱讀:734 次 日期:2016-06-22 11:01:14
溫馨提示:易賢網小編為您整理了“XHTML標簽語義化介紹”,方便廣大網友查閱!

首先說明的一點是,人可以通過視覺的劃分判斷內容的語義,搜索引擎看到的只是代碼。搜索引擎只能通過標簽來判斷內容的語義。 以前我真的沒有怎么重視過搜索引擎,現在開始比較在意了,因為頁面的很大一部分流量是來自搜索引擎的,要使頁面盡可能地對搜索引擎友好,所以就要盡可能地使標簽語義化。

以前以我對web開發(fā)的粗淺理解,覺得寫一個好的符合標準的頁面只需要把結構和表現分離,然后不要使用table,font等標簽就行了,至于通篇都是div我也不會覺得有什么問題,因為CSS很強大。但是,所有的標簽都是有自己的語義的,下面給出一部分標簽的語義:

div 語義:Division(分隔)

span 語義:Span(范圍)

ol 語義:Ordered List(排序列表)

ul 語義:Unordered List(不排序列表)

li 語義:List Item(列表項目)

…………

如果無視標簽語義和默認樣式,所有標簽都用div,其實也是可以寫出來視覺效果很好的頁面,只要你靈活運用CSS。但是那樣的話雖然視覺上達到了要求,但是整個頁面一點語義都沒有,搜索引擎還是看不懂。所以,要記?。?/P>

結構(html)才是重點,樣式(css)是用來修飾結構的。所以,要先確定html,確定標簽,再來選用合適的css。

一般來說,所有的標簽都會有一個默認的樣式,所以一個簡單的判斷網頁標簽語義是否良好的方法就是:去掉樣式,看網頁結構是否組織良好有序,是否仍然有很好的可讀性。

另外,值得重點提及的是h標簽,h標簽的語意是標題,搜索引擎對這個標簽比較敏感,特別是h1,和h2。一個語義良好的頁面,h標簽應該是完整有序沒有斷層的。也就是說,要h1,h2,h3,h4這樣推下來,不要h1,h3,h4,漏掉h2。一個結構良好的網頁,h標簽可以組織起一個網頁的大綱。

更多信息請查看網頁制作
易賢網手機網站地址:XHTML標簽語義化介紹

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網