關於DIV CSS和XHTML CSS的理解

2022-03-31 18:18:06 字數 1648 閱讀 7178

web標準是一系列標準的集合,並不是僅「div+css」布局就可以實現。以css網頁布局只是標準的基礎之一。「div+css」布局只是一種通俗的稱呼罷了。而我們學習的目標在於以xhtml建立良好的語義化的結構,結合css最大程度使表現與內容相分離。

% v( c" d8 h, }; y, a. j

/ v& ?: t; x1 k4 t

一位網友對w3c標準、重構與css布局的理解:

: v$ r% ~$ u' u

: l8 p. l; v8 r; a. ~

不知道從什麼時候開始,在網路上到處可以看到div+css,到底什麼是div+css呢?難道就是傳說中的標準重構嗎?標準從最簡單的根源來說不是合理使用xhtml的標籤嗎?可為什麼還是有這麼多div+css呢?既然可以div+css,那為什麼不可以叫span+css ul+css li+css等等呢?

6 k# @' w' n9 |/ c, k1 `) m! z, ]

( n4 s8 u3 g/ x1 o9 e& e( ~     疑問,滿腦子的疑問!為了這個疑問,我把自己腦子裡的東西從最底層翻了一遍。" : m, m1 l$ k6 v% @9 m     在幾年前大家都是用table來布局,一層套一層,沒發現什麼不妥,一直用到《**重構》這本書出來後的不久開始看到很多人討論重構。當時的我對所謂的重構一點都不清楚,當然啦,現在還不是很清楚,至於《**重構》這本書我也沒看過幾頁,不敢說自己什麼都了解。但就目前而言,還是有很多朋友是從table布局轉變過來,也包括我自己在內。

" }: q9 u1 v'

# `4 n2 n0 @3 k

是把table換成了div,把td換成ul來排列後,td換成li來排列,那其他xhtml的標籤怎麼辦呢?. p! o0 b1 [+ b  z9 y

7 |' a4 l* p0 c8 v8 ]. x4 y8 u& |     或許有朋友會說「我是用div來布局,所以要叫div+css,而且現在大家都這樣叫啊」。嗯,沒錯,因為div在xhtml中沒有語意,而且是塊元素,用在布局方面比較合理。但如果因為如此而把div獨立出來稱呼為了div+css,貌似跟xhtml可以平起平坐了。就好比你的輩分原本就是晚輩,卻跑去跟長輩爭上座,太不像話了,不是嗎?

0 `0 f8 s* h7 k; m

+ u. \* u: k! s! p' o" i* l$ c

說了這麼多,無非是想希望大家以後不要再說div+css了,為什麼不能再多打2個字母,改叫xhtml+css呢?如果覺得這樣還不妥,那就叫**重構吧,你也可以稱自己為**重構工程師,多好聽的名字呢,總不能讓別人叫你div+css人員吧。

0 w& n4 `) l5 j  c$ `

/ c, o5 t, z# `( y( ?' s    在《超越css》中,他們還是推薦大家少用div,多合理的使用標籤,不要遺忘了在xhtml中還有p,form諸多的標籤。合理的使用標籤,合理的頁面結構才會讓你的站點更容易被搜尋找到重要內容。簡單說吧,大家都知道hn(n=1,2,3,4,5,6)是用在標題,那p,form,table是不是也可以讓他們有自己在頁面結構中的乙個位置呢?0 k# z9 l) r& g/ t* z4 e3 l

& v% w& ]' @7 ?9 k) g$ m' _# |

以上只是個人在文字方面對網路上到處可見的div+css一些看法,文字表達方面不對的地方大家批評,但最終希望的是不要再叫div+css了,div不是主要的東西,主要的是xhtml。

DIV CSS學習 關於ID和CLASS

div css學習 關於id和class 中國網管論壇 在這裡我們有到id和class,那麼有的朋友就要問了,究竟什麼情況下用id,什麼情況下用class呢?id,表示的是唯一性,並且在這個頁面中只會出現一次,我們用它來表示布局的結構 class,表示一組 類 或乙個具有同樣性質的元素,它們可以共用...

div css 關於文字居中

在說到這個問題的時候,也許有人會問css中不是有vertical align屬性來設定垂直居中的嗎?即使是某些瀏覽器不支援我只需做少許的css hack技術就可以啊!所以在這裡我還要囉嗦兩句,css中的確是有vertical align屬性,但是它只對 x html元素中擁有valign特性的元素才...

div css關於邊框樣式的定義

以下是有關於邊框樣式的定義,首先,以下樣式是html5的定義內容,對於瀏覽器,ie8 ie8以下的瀏覽器存在很多相容問題,但是ie9瀏覽器,已經達到了他的相容效果 border color ccc aaa 999 666 777 的定義 使用css3的border radius屬性,如果你設定了bo...