如何讓CSS的標簽兼容不同的瀏覽器

時間：2024-10-05 22:02:39 CSS

如何讓CSS的標簽兼容不同的瀏覽器

　　在不同瀏覽器，標簽呈現的效果是有區別的。所以小面小編來談談如何讓CSS的標簽兼容不同的瀏覽器。

　　作為塊級元素的標簽，在寫CSS文件時，最好定義行高line-height，不要定義高度height，因為定義了高度，就限制了塊級元素的高度，在不同瀏覽器，很難實現比較統一的效果，我曾經遇到，在IE6，FIREFOX(FF)效果完好，而在IE7，標題的文字只出來一半。且標題在不同的布局中，會有不同的行數要求，比如在側欄等小地方，標題很可能有2行或3行，如果高度被定義了，那么大部分瀏覽器都會出現錯誤的顯示，很擁擠或沒有顯示，如果設置了底部邊線，還可能錯位。

　　所以標簽，最好不要定義高度height，但一定要定義行高line-height，其他數值，根據實際效果適當變化。這樣，對不同瀏覽器的兼容性是最好的。

　　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;

　　}

　　標簽一般介紹

　　標簽是一個標題標簽，常用做網站主題、文章標題或用在段落之前，用于表明整個網站、整篇文章或段落要表達的意思。根據顯示和要表達意思的級別可以分為H1，H2，H3，H4，H5，H6。

　　標簽成對出現，以開始，以結束。

　　在一個WEB頁面中，H1標簽最好(理論上是應該)只出現一次，因為它代表該WEB頁面的主題。在實際操作中，建議不要使用 h1 來定義文章標題，而是用來定義網站標題。我有一個網站，在首頁一段文字前用了H1，并合理地分布了H2，H3，H4，結果十天以后，原來排在第一頁的關鍵詞，就掉到了第四頁。因此，用一次H2做頁面一級標題，比較安全。

　　H1的重要性最高，常用于表達對整個網站的作用和性質的描述，或表示網站面向的受眾群體。其他標簽根據級別的不同分別用于顯示某個專區的名稱，或某段介紹文字的大概描述。

　　因它表示對網站或某段文字的大體描述，所以相對于搜索引擎來說H標簽具有很高的價值。但這并不意味著可以隨意的使用。比如，有些網站為了刻意追求特定關鍵字的排名，而在一段文字中使用H標簽來展示關鍵字。或干脆把H標簽當做一個容器來對網頁進行布局。這樣完全混淆了H標簽的作用，也是不推薦的。

　　標簽代表了一個網頁的重點層次，但不要過度使用。否則會受到搜索引擎的不同程度的降權。

　　標簽的使用和控制，合理安排網頁層次

　　h1，h2，h3，是經常用到的標題標志，權重比STONRG高一點。以前我曾在一個網頁里多次使用H1，結果很長時間在GG的收錄都是補充頁面(更新，外連正常)。H標題作為關鍵詞布局的一個重要方面，一定程度上決定了網頁的層次結構和輕重布局。很多著名的站點都使用H類標題，用法上略有區別，比較靈活。

　　1、按照內容的重要性來定義：

　　使用 h1 定義網站標題

　　使用 h2 定義文章標題

　　使用 h3 定義欄目標題

　　2、按照網站的層次來定義：

　　使用 h1 定義網站標題

　　使用 h2 定義欄目標題