XHTML標簽在CSS中對應的屬性及用法

2019-10-26 17:23:53

字體：大中小

供稿：網(wǎng)友

在剛接觸XHTML CSS設計網(wǎng)頁時，對于標簽的使用沒什么經(jīng)驗，也很隨意，經(jīng)常是想起什么就用什么，認為只要能實現(xiàn)效果就可以。但隨著學習的深入和對搜索引擎優(yōu)化知識的了解，發(fā)現(xiàn)其實標簽的使用也是一門學問。　我們在武林站長站——jb51.net的CSS教程文章中一直在強調(diào)語義，那么對于HTML標簽該如何使用呢？他們一般的使用位置在哪里呢？
　　在剛接觸XHTML CSS設計網(wǎng)頁時，對于標簽的使用沒什么經(jīng)驗，也很隨意，經(jīng)常是想起什么就用什么，認為只要能實現(xiàn)效果就可以。但隨著學習的深入和對搜索引擎優(yōu)化知識的了解，發(fā)現(xiàn)其實標簽的使用也是一門學問。
　　在這里不對各標簽在CSS中對應的屬性及用法做詳細的介紹，重點介紹在網(wǎng)頁中的應用，希望能對大家有些幫助。
一、DIV
　　DIV對于XHTML建站的朋友應該并不陌生，很多的網(wǎng)站和資料也稱Web標準網(wǎng)站建設為DIV CSS網(wǎng)站建設。這樣叫也不是沒有道理，因為W3C不推薦Table標簽應用于網(wǎng)頁的布局上，而作為布局標簽的DIV自然也就承擔起布局的重任。
　　DIV也可以說是一個大的容器。除了網(wǎng)頁整體結構布局外，推薦應用于劃分在網(wǎng)頁中看起來相對獨立的區(qū)域。就好像一張報紙一樣，DIV的作用就是劃分不同內(nèi)容的一個大的容器。而不同區(qū)域中在根據(jù)具體情況來選擇相應合適的標簽。
二、H標簽
　　H標簽是一個標題標簽，常用在段落之前，用于表明段落要表達的意思。根據(jù)顯示和要表達意思的級別可以分為H1~H6。
　　H1的重要性最高，常用于表達對整個網(wǎng)站的作用和性質(zhì)的描述，或表示網(wǎng)站面向的受眾群體。其他標簽根據(jù)級別的不同分別用于顯示某個專區(qū)的名稱，或某段介紹文字的大概描述。
　　因它表示對網(wǎng)站或某段文字的大體描述，所以相對于搜索引擎來說H標簽具有很高的價值。但這并不意味著可以隨意的使用。比如，有些網(wǎng)站為了刻意追求特定關鍵字的排名，而在一段文字中使用H標簽來展示關鍵字。或干脆把H標簽當做一個容器來對網(wǎng)頁進行布局。這樣完全混淆了H標簽的作用，也是不推薦的。
三、P
　　P是一個段落標簽，用于區(qū)分一組文字的不同段落。對于搜索引擎來說，按照其抓取順序，第一個P標簽中的文字也是具有很高的價值。如Baidu，它就是忽略Meta標簽description（描述）中的文字，而抓取第一個P標簽中的內(nèi)容（并非絕對）。
　　有些網(wǎng)站為了即讓搜索引擎可以抓取更多的內(nèi)容，又使用戶具有瀏覽體驗，在分段的時候使用 標簽。這也不是說不可以，有些時候根本達不到預期的效果。對于嚴格類型（Strict）的文檔來說， 是屬于表現(xiàn)形式的標簽，是不允許被使用的。

上一篇：XHTML CSS寫出正規(guī)的BLOG

下一篇：CSS和HTML與前端技術層圖示