CSS代碼結構初探：根基的建立使有意義的html標記

2024-07-11 08:23:31

字體：大中小

來源：轉載

供稿：網友

　　我們都知道建筑物的重要部件就是根基的建立，假如沒有堅固良好的基礎。再華麗的外觀與裝飾都不復存在。我們建立符合Web標簽的網頁，大多數人更加關心CSS技術及其應用。但我們也需要明白，CSS不管怎么強大也是作用于XHTML的。假如沒有結構良好的XHTML基礎，我們的布局實現起來就會顯得比較困難。或許我們的基礎非常牢固，但細節繁雜、結構不合理，也將成為我們開發的障礙。

　　在WEB早期的時候，HTML只是用來添加基本的形式與結構。隨著互聯網的發展，HTML被用來表現頁面。我們運用各種各樣的組合以達到我們想要的外觀效果，我們習慣如用B標簽來加粗文檔的標題，而我們并不是用標題h1~h6來顯示它們。更重要的是我們運行表格進行布局，在早期的時候表格只是用來顯示表格數據的，而不是用來進行布局與版面顯示的，隨著WEB的發展，很快我們就發現，一切都失去了本來的意義。字體設計，表格，加粗，等等等等，成了一鍋粥。變得難以理解。而且越來越復雜。

　　我們越來越傾向于借助于Dreamweaver這類的所見即所得的工具軟件來處理網頁，但非常不幸，這類軟件并沒有改善這種混亂的現狀，反而更多的添加了它們自己的復雜標記。這樣的情況下，我們不能用手寫編輯代碼了，看真起來一切都糟透了。

　　CSS的出現，我們看到了曙光，建立符合Web標準的網頁讓我們見到的希望，人們越來越重視網站重構，讓表現與內容分離，新的時代已經開始了。我們可以去掉一些無意義的標簽，例如：font、b、i等等，我們把這些工作交給CSS完成，我們可以運用CSS進行布局而不是用表格來構建頁面了。

　　我們可以按照標簽本身的意義來建立文檔，瀏覽器默認的樣式我們可以通過CSS重新定義他們的外觀。標題、內容里的段落或列表，我們可以通過CSS重新設置它們。標題不一定非要是大號字，粗體的難看的樣子，段落可以控制他們的行距及縮進，列表不一定非要縱向，我們也可以橫向的排列。等等。

　　有意義標簽的好處，讓我們更加輕易理解代碼的內容，更加輕易處理他們。例如我們需要修改頁面中所有的外鏈，我們假如為這些元素加上了合適的標記，我們很輕易的就找到它們并進行修改。假如一切都混雜在一起，我們就無從下手了。

　　除了讓我們的開發變的輕易之外，其它設備與程序對文檔也可以有更好的理解，最典型的要屬搜索引擎的識別了，搜索引擎可以非常方便的找到文章中的標題，副標題，文章內容。假如瀏覽者使用的是手持閱讀設備，可以依靠標題，內容等給予很好的導航與顯示比重。MB5U.com更多CSS文章

　　最重要的是有意義的HTML標簽，將提供了將元素調整為你所想要的樣式的簡單的方法，這些有意義的標簽在文檔中創建了一個最基本的結構框架模型，我們不必添加其它的id或class其它標識，直接就可以進行表現的控制。

　　這些有意義的標簽主要有：

示例代碼 [www.CuoXIn.com]

上一篇：CSS整體布局聲明的一些用法

下一篇：CSS代碼結構初探：如何為id及class類命名？