如何讓CSS的標(biāo)簽兼容不同的瀏覽器

時(shí)間：2024-10-05 22:02:39 CSS 我要投稿

相關(guān)推薦

　　在不同瀏覽器，標(biāo)簽呈現(xiàn)的效果是有區(qū)別的。所以小面小編來(lái)談?wù)勅绾巫孋SS的標(biāo)簽兼容不同的瀏覽器。

　　作為塊級(jí)元素的標(biāo)簽，在寫(xiě)CSS文件時(shí)，最好定義行高line-height，不要定義高度height，因?yàn)槎x了高度，就限制了塊級(jí)元素的高度，在不同瀏覽器，很難實(shí)現(xiàn)比較統(tǒng)一的效果，我曾經(jīng)遇到，在IE6，F(xiàn)IREFOX(FF)效果完好，而在IE7，標(biāo)題的文字只出來(lái)一半。且標(biāo)題在不同的布局中，會(huì)有不同的行數(shù)要求，比如在側(cè)欄等小地方，標(biāo)題很可能有2行或3行，如果高度被定義了，那么大部分瀏覽器都會(huì)出現(xiàn)錯(cuò)誤的顯示，很擁擠或沒(méi)有顯示，如果設(shè)置了底部邊線，還可能錯(cuò)位。

　　所以標(biāo)簽，最好不要定義高度height，但一定要定義行高line-height，其他數(shù)值，根據(jù)實(shí)際效果適當(dāng)變化。這樣，對(duì)不同瀏覽器的兼容性是最好的。

　　h3 {

　　font-size:14px;

　　margin: 15px 0px 10px 0px;

　　padding: 3px 0px 3px 0px;

　　line-height:20px;

　　color:#55295e; text-align:left;

　　border-bottom: 1px dotted #55295e;

　　}

　　標(biāo)簽一般介紹

　　標(biāo)簽是一個(gè)標(biāo)題標(biāo)簽，常用做網(wǎng)站主題、文章標(biāo)題或用在段落之前，用于表明整個(gè)網(wǎng)站、整篇文章或段落要表達(dá)的意思。根據(jù)顯示和要表達(dá)意思的級(jí)別可以分為H1，H2，H3，H4，H5，H6。

　　標(biāo)簽成對(duì)出現(xiàn)，以開(kāi)始，以結(jié)束。

　　在一個(gè)WEB頁(yè)面中，H1標(biāo)簽最好(理論上是應(yīng)該)只出現(xiàn)一次，因?yàn)樗碓揥EB頁(yè)面的主題。在實(shí)際操作中，建議不要使用 h1 來(lái)定義文章標(biāo)題，而是用來(lái)定義網(wǎng)站標(biāo)題。我有一個(gè)網(wǎng)站，在首頁(yè)一段文字前用了H1，并合理地分布了H2，H3，H4，結(jié)果十天以后，原來(lái)排在第一頁(yè)的關(guān)鍵詞，就掉到了第四頁(yè)。因此，用一次H2做頁(yè)面一級(jí)標(biāo)題，比較安全。

　　H1的重要性最高，常用于表達(dá)對(duì)整個(gè)網(wǎng)站的作用和性質(zhì)的描述，或表示網(wǎng)站面向的受眾群體。其他標(biāo)簽根據(jù)級(jí)別的不同分別用于顯示某個(gè)專區(qū)的名稱，或某段介紹文字的大概描述。

　　因它表示對(duì)網(wǎng)站或某段文字的大體描述，所以相對(duì)于搜索引擎來(lái)說(shuō)H標(biāo)簽具有很高的價(jià)值。但這并不意味著可以隨意的使用。比如，有些網(wǎng)站為了刻意追求特定關(guān)鍵字的排名，而在一段文字中使用H標(biāo)簽來(lái)展示關(guān)鍵字。或干脆把H標(biāo)簽當(dāng)做一個(gè)容器來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行布局。這樣完全混淆了H標(biāo)簽的作用，也是不推薦的。

　　標(biāo)簽代表了一個(gè)網(wǎng)頁(yè)的重點(diǎn)層次，但不要過(guò)度使用。否則會(huì)受到搜索引擎的不同程度的降權(quán)。

　　標(biāo)簽的使用和控制，合理安排網(wǎng)頁(yè)層次

　　h1，h2，h3，是經(jīng)常用到的標(biāo)題標(biāo)志，權(quán)重比STONRG高一點(diǎn)。以前我曾在一個(gè)網(wǎng)頁(yè)里多次使用H1，結(jié)果很長(zhǎng)時(shí)間在GG的收錄都是補(bǔ)充頁(yè)面(更新，外連正常)。H標(biāo)題作為關(guān)鍵詞布局的一個(gè)重要方面，一定程度上決定了網(wǎng)頁(yè)的層次結(jié)構(gòu)和輕重布局。很多著名的站點(diǎn)都使用H類標(biāo)題，用法上略有區(qū)別，比較靈活。

　　1、按照內(nèi)容的重要性來(lái)定義：

　　使用 h1 定義網(wǎng)站標(biāo)題

　　使用 h2 定義文章標(biāo)題

　　使用 h3 定義欄目標(biāo)題

　　2、按照網(wǎng)站的層次來(lái)定義：

　　使用 h1 定義網(wǎng)站標(biāo)題

　　使用 h2 定義欄目標(biāo)題

　　使用 h3 定義文章標(biāo)題

　　標(biāo)簽CSS樣式設(shè)置

　　標(biāo)簽?zāi)J(rèn)的表現(xiàn)樣子一般不盡如人意，不能滿足網(wǎng)頁(yè)設(shè)計(jì)的要求。好在標(biāo)簽是塊級(jí)元素，適用塊級(jí)元素的屬性，標(biāo)簽均可使用，因此，標(biāo)簽可以通過(guò)CSS加以完美控制。

　　內(nèi)外空白邊距，可以通過(guò)外邊距margin和內(nèi)邊距padding控制

　　h1 {margin:0px;padding:0px;}