CSS代碼結構初探:根基的建立使有意義的html標記_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
我們都知道建筑物的重要部件就是根基的建立,假如沒有堅固良好的基礎。再華麗的外觀與裝飾都不復存在。我們建立符合Web標簽的網頁,大多數人更加關心CSS技術及其應用。但我們也需要明白,CSS不管怎么強大也是作用于XHTML的。假如沒有結構良好的XHTML基礎,我們的布局實現起來就會顯得比較困難;蛟S我們的基礎非常牢固,但細節繁雜、結構不合理,也將成為我們開發的障礙。
在WEB早期的時候,HTML只是用來添加基本的形式與結構。隨著互聯網的發展,HTML被用來表現頁面。我們運用各種各樣的組合以達到我們想要的外觀效果,我們習慣如用B標簽來加粗文檔的標題,而我們并不是用標題h1~h6來顯示它們。更重要的是我們運行表格進行布局,在早期的時候表格只是用來顯示表格數據的,而不是用來進行布局與版面顯示的,隨著WEB的發展,很快我們就發現,一切都失去了本來的意義。字體設計,表格,加粗,等等等等,成了一鍋粥。變得難以理解。而且越來越復雜。
我們越來越傾向于借助于Dreamweaver這類的所見即所得的工具軟件來處理網頁,但非常不幸,這類軟件并沒有改善這種混亂的現狀,反而更多的添加了它們自己的復雜標記。這樣的情況下,我們不能用手寫編輯代碼了,看真起來一切都糟透了。
CSS的出現,我們看到了曙光,建立符合Web標準的網頁讓我們見到的希望,人們越來越重視網站重構,讓表現與內容分離,新的時代已經開始了。我們可以去掉一些無意義的標簽,例如:font、b、i等等,我們把這些工作交給CSS完成,我們可以運用CSS進行布局而不是用表格來構建頁面了。
我們可以按照標簽本身的意義來建立文檔,瀏覽器默認的樣式我們可以通過CSS重新定義他們的外觀。標題、內容里的段落或列表,我們可以通過CSS重新設置它們。標題不一定非要是大號字,粗體的難看的樣子,段落可以控制他們的行距及縮進,列表不一定非要縱向,我們也可以橫向的排列。等等。
有意義標簽的好處,讓我們更加輕易理解代碼的內容,更加輕易處理他們。例如我們需要修改頁面中所有的外鏈,我們假如為這些元素加上了合適的標記,我們很輕易的就找到它們并進行修改。假如一切都混雜在一起,我們就無從下手了。
除了讓我們的開發變的輕易之外,其它設備與程序對文檔也可以有更好的理解,最典型的要屬搜索引擎的識別了,搜索引擎可以非常方便的找到文章中的標題,副標題,文章內容。假如瀏覽者使用的是手持閱讀設備,可以依靠標題,內容等給予很好的導航與顯示比重。MB5U.com更多CSS文章
最重要的是有意義的HTML標簽,將提供了將元素調整為你所想要的樣式的簡單的方法,這些有意義的標簽在文檔中創建了一個最基本的結構框架模型,我們不必添加其它的id或class其它標識,直接就可以進行表現的控制。
這些有意義的標簽主要有:
在CSS頁面布局中,能使用它們的時候,就不要使用其它的東西了。盡量的使用具有意義的html標記。
在WEB早期的時候,HTML只是用來添加基本的形式與結構。隨著互聯網的發展,HTML被用來表現頁面。我們運用各種各樣的組合以達到我們想要的外觀效果,我們習慣如用B標簽來加粗文檔的標題,而我們并不是用標題h1~h6來顯示它們。更重要的是我們運行表格進行布局,在早期的時候表格只是用來顯示表格數據的,而不是用來進行布局與版面顯示的,隨著WEB的發展,很快我們就發現,一切都失去了本來的意義。字體設計,表格,加粗,等等等等,成了一鍋粥。變得難以理解。而且越來越復雜。
我們越來越傾向于借助于Dreamweaver這類的所見即所得的工具軟件來處理網頁,但非常不幸,這類軟件并沒有改善這種混亂的現狀,反而更多的添加了它們自己的復雜標記。這樣的情況下,我們不能用手寫編輯代碼了,看真起來一切都糟透了。
CSS的出現,我們看到了曙光,建立符合Web標準的網頁讓我們見到的希望,人們越來越重視網站重構,讓表現與內容分離,新的時代已經開始了。我們可以去掉一些無意義的標簽,例如:font、b、i等等,我們把這些工作交給CSS完成,我們可以運用CSS進行布局而不是用表格來構建頁面了。
我們可以按照標簽本身的意義來建立文檔,瀏覽器默認的樣式我們可以通過CSS重新定義他們的外觀。標題、內容里的段落或列表,我們可以通過CSS重新設置它們。標題不一定非要是大號字,粗體的難看的樣子,段落可以控制他們的行距及縮進,列表不一定非要縱向,我們也可以橫向的排列。等等。
有意義標簽的好處,讓我們更加輕易理解代碼的內容,更加輕易處理他們。例如我們需要修改頁面中所有的外鏈,我們假如為這些元素加上了合適的標記,我們很輕易的就找到它們并進行修改。假如一切都混雜在一起,我們就無從下手了。
除了讓我們的開發變的輕易之外,其它設備與程序對文檔也可以有更好的理解,最典型的要屬搜索引擎的識別了,搜索引擎可以非常方便的找到文章中的標題,副標題,文章內容。假如瀏覽者使用的是手持閱讀設備,可以依靠標題,內容等給予很好的導航與顯示比重。MB5U.com更多CSS文章
最重要的是有意義的HTML標簽,將提供了將元素調整為你所想要的樣式的簡單的方法,這些有意義的標簽在文檔中創建了一個最基本的結構框架模型,我們不必添加其它的id或class其它標識,直接就可以進行表現的控制。
這些有意義的標簽主要有:
示例代碼 [www.ghpqjb.com]
h1、h2...h6;
ul、ol、dl;
strong、em;
blockquote、cite;
abbr、acronym、code;
fieldset、legend、label;
caption、thead、tbody、tfoot等等。
ul、ol、dl;
strong、em;
blockquote、cite;
abbr、acronym、code;
fieldset、legend、label;
caption、thead、tbody、tfoot等等。
在CSS頁面布局中,能使用它們的時候,就不要使用其它的東西了。盡量的使用具有意義的html標記。
相關CSS教程:
- 相關鏈接:
- 教程說明:
CSS教程-CSS代碼結構初探:根基的建立使有意義的html標記
。