網(wǎng)頁標準:結構、表現(xiàn)與行為,網(wǎng)站相關的技術走入實用階段,不過短短十幾年的時間,就已經發(fā)生了很多重要的變化。其中重要的一點是“Web標準”被廣泛地接受。
1.標準的重要性
相信大家對“標準”這個詞都非常熟悉,也能很容易地了解標準的重要性。在越來越開放的環(huán)境中,各個相互關聯(lián)的事物要能夠協(xié)同工作,就必須遵守一些共同的標準來工作。例如,個人電腦的型號是開放的標準,而個人電腦的零件的規(guī)格是統(tǒng)一的。為個人電腦生產零件的廠家成千上萬,大家都是在同一個標準下進行設計和生產,因此用戶只需要買來一些零件,比如CPU、內存條和硬盤等,簡單地“插”(組合)在一起,就能成為一臺好用的電腦了,這就是“標準”的作用。相比之下,其他行業(yè)就遠不如PC行業(yè)了,比如汽車行業(yè),一個零件只能用在某個品牌的汽車上。這樣不僅麻煩得多,而且也不利于成本的降低。互聯(lián)網(wǎng)是另一個“標準”倍出的領域,連接到互聯(lián)網(wǎng)的各種設備的品牌繁多、功能各不相同,因此必須依靠嚴謹合理的標準,才能使這些紛繁復雜的設備都協(xié)同工作起來。
“Web標準”也是互聯(lián)網(wǎng)領域中的標準,實際上,它并不是一個標準,而是一系列標準的集合。從發(fā)展歷程來說,網(wǎng)頁是逐步發(fā)展和完善的,到目前它還在快速發(fā)展之中。在早期階段,互聯(lián)網(wǎng)上的青島網(wǎng)站建設都很簡單,網(wǎng)站的內容也非常簡單,自然相應的標準也是很簡單的。而隨著技術的快速發(fā)展,相應的各種新標準也都應運而生了。打個比方,如果僅僅是簡單地寫一個便條或者一封信,那么對格式的要求就很低,而如要出版一本書,就必須嚴格地設置書中的格式,比如各級標題用什么字體、什么字號,正文的格式,圖片的格式,等等。這是因為從一個便條到一本書,內容的性質已經不同了。同樣,在互聯(lián)網(wǎng)上,剛開始的時候內容還很少,也很簡單,也不存在更多的復雜應用,因此一些簡單(或者說“簡陋”)的標準就已經夠用了。而現(xiàn)在互聯(lián)網(wǎng)上的內容已經非常多了,而且邏輯和結構日益復雜,出現(xiàn)了各種交互應用,這時就必須從更本質的角度來研究互聯(lián)網(wǎng)上的信息,使得這些信息仍然能夠清晰、方便地被操作。
大家應該理解,一個標準并不是某個人或者某個公司,在某一天忽然間制定出來的。標準都是在實際應用過程中,經過市場的競爭和考驗,經過一系列的研究討論和協(xié)商之后達成的共識。
2.“Web標準”概述
下面來著重講解關于山東網(wǎng)站建設的標準——“Web標準”。網(wǎng)站主要由3個部分組成:結構(Structure)、表現(xiàn)(Presentation)和行為(Behavior)。用一本書來比喻,一本書分為篇、章、節(jié)和段落等部分,這就構成了一本書的“結構”,而每種組成部分用什么字體、什么字號、什么顏色等,就稱為這本書的“表現(xiàn)”。由于傳統(tǒng)的圖書是固定的,不能變化的,因此它不存在“行為”。在一個網(wǎng)站中,同樣可以分為若干個組成部分,包括各級標題、正文段落、各種列表結構等,這就構成了一個網(wǎng)站的“結構”。每種組成部分的字號、字體和顏色等屬性就構成了它的“表現(xiàn)”。網(wǎng)站和傳統(tǒng)媒體不同的一點是,它是可以隨時變化的,而且可以和讀者互動,因此如何變化以及如何交互,就稱為它的“行為”。
因此,概括來說,“結構”決定了網(wǎng)站“是什么”,“表現(xiàn)”決定了網(wǎng)站看起來是“什么樣子”,而“行為”決定了網(wǎng)站“做什么”。不很嚴謹?shù)卣f,“結構”、“表現(xiàn)”和“行為”分別對應于3種非常常用的技術,即(X)HTML、CSS和JavaScript。也就是說,(X)HTML用來決定網(wǎng)頁的結構和內容,CSS用來設定網(wǎng)站的表現(xiàn)樣式,JavaScript用來控制網(wǎng)站的行為。
這幾天圭谷設計將重點介紹前兩者,對于JavaScript僅在少數(shù)案例中用到,只進行一些簡單的介紹?!敖Y構”、“表現(xiàn)”和“行為”的關系?!?
這3個組成部分被明確以后,一個重要的思想隨之產生,即這三者的分離。開始時HTML同時承擔著“結構”與“表現(xiàn)”的雙重任務,從而給網(wǎng)站開發(fā)公司、青島網(wǎng)站維護等工作帶來很多困難。而當把它們分離開,就會帶來很多優(yōu)點。具體內容在后面的新聞中圭谷設計會一一講解。這里僅給出一個例子簡單說明。打開青島網(wǎng)站制作顯示的一個頁面的初始效果,即僅通過HTML定義了這個頁面的結構,圖中使用文字說明了這個頁面中的各個組成部分,以及使用的HTML標記,灰色線框中的效果是使用瀏覽器查看的效果。這個效果是很單調的,僅僅是所有元素依次排列而已。
對上述的頁面,使用CSS設定了樣式以后,它的表現(xiàn)形式就完全不同了。借助于CSS,在不改變它的HTML結構和內容的前提下,可以設計出很多種不同的表現(xiàn)形式來,而且可以隨時在不改變HTML結構的情況下修改樣式。這就是“結構”與“表現(xiàn)”分離所帶來的好處。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號-3 技術支持: @圭谷設計