涩涩爱在线观看-涩涩www在线观看免费高清-涩色综合-涩色影院-国产成人精品视频免费-国产成人精品视频播放

網(wǎng)頁標準：結(jié)構(gòu)、表現(xiàn)與行為，網(wǎng)站相關(guān)的技術(shù)走入實用階段，不過短短十幾年的時間，就已經(jīng)發(fā)生了很多重要的變化。其中重要的一點是“Web標準”被廣泛地接受。

1.標準的重要性

相信大家對“標準”這個詞都非常熟悉，也能很容易地了解標準的重要性。在越來越開放的環(huán)境中，各個相互關(guān)聯(lián)的事物要能夠協(xié)同工作，就必須遵守一些共同的標準來工作。例如，個人電腦的型號是開放的標準，而個人電腦的零件的規(guī)格是統(tǒng)一的。為個人電腦生產(chǎn)零件的廠家成千上萬，大家都是在同一個標準下進行設計和生產(chǎn)，因此用戶只需要買來一些零件，比如CPU、內(nèi)存條和硬盤等，簡單地“插”（組合）在一起，就能成為一臺好用的電腦了，這就是“標準”的作用。相比之下，其他行業(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)站的內(nèi)容也非常簡單，自然相應的標準也是很簡單的。而隨著技術(shù)的快速發(fā)展，相應的各種新標準也都應運而生了。打個比方，如果僅僅是簡單地寫一個便條或者一封信，那么對格式的要求就很低，而如要出版一本書，就必須嚴格地設置書中的格式，比如各級標題用什么字體、什么字號，正文的格式，圖片的格式，等等。這是因為從一個便條到一本書，內(nèi)容的性質(zhì)已經(jīng)不同了。同樣，在互聯(lián)網(wǎng)上，剛開始的時候內(nèi)容還很少，也很簡單，也不存在更多的復雜應用，因此一些簡單（或者說“簡陋”）的標準就已經(jīng)夠用了。而現(xiàn)在互聯(lián)網(wǎng)上的內(nèi)容已經(jīng)非常多了，而且邏輯和結(jié)構(gòu)日益復雜，出現(xiàn)了各種交互應用，這時就必須從更本質(zhì)的角度來研究互聯(lián)網(wǎng)上的信息，使得這些信息仍然能夠清晰、方便地被操作。

大家應該理解，一個標準并不是某個人或者某個公司，在某一天忽然間制定出來的。標準都是在實際應用過程中，經(jīng)過市場的競爭和考驗，經(jīng)過一系列的研究討論和協(xié)商之后達成的共識。

2.“Web標準”概述

下面來著重講解關(guān)于山東網(wǎng)站建設的標準——“Web標準”。網(wǎng)站主要由3個部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。用一本書來比喻，一本書分為篇、章、節(jié)和段落等部分，這就構(gòu)成了一本書的“結(jié)構(gòu)”，而每種組成部分用什么字體、什么字號、什么顏色等，就稱為這本書的“表現(xiàn)”。由于傳統(tǒng)的圖書是固定的，不能變化的，因此它不存在“行為”。在一個網(wǎng)站中，同樣可以分為若干個組成部分，包括各級標題、正文段落、各種列表結(jié)構(gòu)等，這就構(gòu)成了一個網(wǎng)站的“結(jié)構(gòu)”。每種組成部分的字號、字體和顏色等屬性就構(gòu)成了它的“表現(xiàn)”。網(wǎng)站和傳統(tǒng)媒體不同的一點是，它是可以隨時變化的，而且可以和讀者互動，因此如何變化以及如何交互，就稱為它的“行為”。

因此，概括來說，“結(jié)構(gòu)”決定了網(wǎng)站“是什么”，“表現(xiàn)”決定了網(wǎng)站看起來是“什么樣子”，而“行為”決定了網(wǎng)站“做什么”。不很嚴謹?shù)卣f，“結(jié)構(gòu)”、“表現(xiàn)”和“行為”分別對應于3種非常常用的技術(shù)，即(X)HTML、CSS和JavaScript。也就是說，（X）HTML用來決定網(wǎng)頁的結(jié)構(gòu)和內(nèi)容，CSS用來設定網(wǎng)站的表現(xiàn)樣式，JavaScript用來控制網(wǎng)站的行為。

這幾天圭谷設計將重點介紹前兩者，對于JavaScript僅在少數(shù)案例中用到，只進行一些簡單的介紹。“結(jié)構(gòu)”、“表現(xiàn)”和“行為”的關(guān)系。　

這3個組成部分被明確以后，一個重要的思想隨之產(chǎn)生，即這三者的分離。開始時HTML同時承擔著“結(jié)構(gòu)”與“表現(xiàn)”的雙重任務，從而給網(wǎng)站開發(fā)公司、青島網(wǎng)站維護等工作帶來很多困難。而當把它們分離開，就會帶來很多優(yōu)點。具體內(nèi)容在后面的新聞中圭谷設計會一一講解。這里僅給出一個例子簡單說明。打開青島網(wǎng)站制作顯示的一個頁面的初始效果，即僅通過HTML定義了這個頁面的結(jié)構(gòu)，圖中使用文字說明了這個頁面中的各個組成部分，以及使用的HTML標記，灰色線框中的效果是使用瀏覽器查看的效果。這個效果是很單調(diào)的，僅僅是所有元素依次排列而已。 

對上述的頁面，使用CSS設定了樣式以后，它的表現(xiàn)形式就完全不同了。借助于CSS，在不改變它的HTML結(jié)構(gòu)和內(nèi)容的前提下，可以設計出很多種不同的表現(xiàn)形式來，而且可以隨時在不改變HTML結(jié)構(gòu)的情況下修改樣式。這就是“結(jié)構(gòu)”與“表現(xiàn)”分離所帶來的好處。