主頁 > 知識庫 > XHTML標(biāo)簽在CSS中對應(yīng)的屬性及用法

XHTML標(biāo)簽在CSS中對應(yīng)的屬性及用法

熱門標(biāo)簽:電腦外呼系統(tǒng)安裝 揚州市地圖標(biāo)注 可以集成到系統(tǒng)的外呼 外呼系統(tǒng)隱私 400開頭電話在哪辦理 電話外呼系統(tǒng)怎么找準(zhǔn)客戶 西安公司外呼系統(tǒng)價格 中國世界文化遺產(chǎn)地圖標(biāo)注 荊州銷售電銷機器人

在剛接觸XHTML CSS設(shè)計網(wǎng)頁時,對于標(biāo)簽的使用沒什么經(jīng)驗,也很隨意,經(jīng)常是想起什么就用什么,認為只要能實現(xiàn)效果就可以。但隨著學(xué)習(xí)的深入和對搜索引擎優(yōu)化知識的了解,發(fā)現(xiàn)其實標(biāo)簽的使用也是一門學(xué)問。  我們在腳本之家——jb51.net的CSS教程文章中一直在強調(diào)語義,那么對于HTML標(biāo)簽該如何使用呢?他們一般的使用位置在哪里呢?
  在剛接觸XHTML CSS設(shè)計網(wǎng)頁時,對于標(biāo)簽的使用沒什么經(jīng)驗,也很隨意,經(jīng)常是想起什么就用什么,認為只要能實現(xiàn)效果就可以。但隨著學(xué)習(xí)的深入和對搜索引擎優(yōu)化知識的了解,發(fā)現(xiàn)其實標(biāo)簽的使用也是一門學(xué)問。
  在這里不對各標(biāo)簽在CSS中對應(yīng)的屬性及用法做詳細的介紹,重點介紹在網(wǎng)頁中的應(yīng)用,希望能對大家有些幫助。
一、DIV
  DIV對于XHTML建站的朋友應(yīng)該并不陌生,很多的網(wǎng)站和資料也稱Web標(biāo)準(zhǔn)網(wǎng)站建設(shè)為DIV CSS網(wǎng)站建設(shè)。這樣叫也不是沒有道理,因為W3C不推薦Table標(biāo)簽應(yīng)用于網(wǎng)頁的布局上,而作為布局標(biāo)簽的DIV自然也就承擔(dān)起布局的重任。
  DIV也可以說是一個大的容器。除了網(wǎng)頁整體結(jié)構(gòu)布局外,推薦應(yīng)用于劃分在網(wǎng)頁中看起來相對獨立的區(qū)域。就好像一張報紙一樣,DIV的作用就是劃分不同內(nèi)容的一個大的容器。而不同區(qū)域中在根據(jù)具體情況來選擇相應(yīng)合適的標(biāo)簽。
二、H標(biāo)簽
  H標(biāo)簽是一個標(biāo)題標(biāo)簽,常用在段落之前,用于表明段落要表達的意思。根據(jù)顯示和要表達意思的級別可以分為H1~H6。
  H1的重要性最高,常用于表達對整個網(wǎng)站的作用和性質(zhì)的描述,或表示網(wǎng)站面向的受眾群體。其他標(biāo)簽根據(jù)級別的不同分別用于顯示某個專區(qū)的名稱,或某段介紹文字的大概描述。
  因它表示對網(wǎng)站或某段文字的大體描述,所以相對于搜索引擎來說H標(biāo)簽具有很高的價值。但這并不意味著可以隨意的使用。比如,有些網(wǎng)站為了刻意追求特定關(guān)鍵字的排名,而在一段文字中使用H標(biāo)簽來展示關(guān)鍵字?;蚋纱喟袶標(biāo)簽當(dāng)做一個容器來對網(wǎng)頁進行布局。這樣完全混淆了H標(biāo)簽的作用,也是不推薦的。
三、P
  P是一個段落標(biāo)簽,用于區(qū)分一組文字的不同段落。對于搜索引擎來說,按照其抓取順序,第一個P標(biāo)簽中的文字也是具有很高的價值。如Baidu,它就是忽略Meta標(biāo)簽description(描述)中的文字,而抓取第一個P標(biāo)簽中的內(nèi)容(并非絕對)。
  有些網(wǎng)站為了即讓搜索引擎可以抓取更多的內(nèi)容,又使用戶具有瀏覽體驗,在分段的時候使用<br/>標(biāo)簽。這也不是說不可以,有些時候根本達不到預(yù)期的效果。對于嚴格類型(Strict)的文檔來說,<br/>是屬于表現(xiàn)形式的標(biāo)簽,是不允許被使用的。
  雖然大部分的網(wǎng)站使用的都是過渡型的文檔類型,但本人不推薦使用在文字分段上。
四、UL和LI標(biāo)簽
  這是無序列表,UL標(biāo)簽是對列表的聲明,LI是列表項。由于其項目的相對獨立性,常常在導(dǎo)航、新聞或文章列表等地方使用。UL也可以做為一個容器來區(qū)分各不同的列表。
  有些網(wǎng)站可以追求“Web標(biāo)準(zhǔn)”,將Table轉(zhuǎn)為用UL和LI來表現(xiàn),這使得網(wǎng)頁難以閱讀和維護,錯誤的理解恰恰違背了Web標(biāo)準(zhǔn)向我們傳達的理念。
五、Table
  這里就不過多介紹Table的用法了,只是想說的是,Web標(biāo)準(zhǔn)不是說以后就不能用Table了,而是不推薦使用Table來布局,只在顯示數(shù)據(jù)的時候用。所以符合Web的網(wǎng)頁和Table標(biāo)簽的使用并不矛盾。
六、為搜索引擎準(zhǔn)備的標(biāo)簽
 ?。?)Title:網(wǎng)頁的標(biāo)題,對網(wǎng)站的說明。次標(biāo)簽對于搜索引擎來說也是很有價值的,常把目標(biāo)關(guān)鍵字包含其中。
  (2)Meta的keywords:網(wǎng)頁中的主要關(guān)鍵字。最初是為了方便搜索引擎對網(wǎng)站的分類而準(zhǔn)備,但后期由于很多的網(wǎng)站為了使關(guān)鍵字排名更有利,經(jīng)常利用此標(biāo)簽作弊,所以現(xiàn)在此標(biāo)簽對于搜索引擎來說,幾乎沒有任何意義了。
 ?。?)Meta的Description:對網(wǎng)頁的描述。同Keywords一樣,最初也是為了方便搜索引擎分類,同樣是由于很多網(wǎng)站利用這個標(biāo)簽作弊,所以對于搜索引擎來說也已經(jīng)不那么重要了。目前,在主流搜索引擎中只有Google還在抓取其中的內(nèi)容,不過也已經(jīng)幾乎不按照其中的內(nèi)容來確定關(guān)鍵字了。
  其實,對于搜索引擎來說,最注重的還是內(nèi)容的質(zhì)量。同樣我們做網(wǎng)站為的也是向瀏覽者宣傳我們自己。請不要因一時之快而忘了根本。畢竟用戶關(guān)心的是資料是否是自己需要的,而不是您網(wǎng)站的排名。
  以上把常用的,對于初學(xué)者來說,比較容易混淆使用位置的標(biāo)簽先向大家介紹這么多,歡迎關(guān)注jb51.net更新的CSS教程文章,以后遇到什么新的問題,也會不斷擴充近來。

標(biāo)簽:阿拉善盟 白銀 樂山 四川 貴陽 延安 濟南 錫林郭勒盟

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《XHTML標(biāo)簽在CSS中對應(yīng)的屬性及用法》,本文關(guān)鍵詞  XHTML,標(biāo)簽,在,CSS,中,對應(yīng),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《XHTML標(biāo)簽在CSS中對應(yīng)的屬性及用法》相關(guān)的同類信息!
  • 本頁收集關(guān)于XHTML標(biāo)簽在CSS中對應(yīng)的屬性及用法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章