網(wǎng)站源文件中外觀風(fēng)格的定義技巧
作者：佚名 時(shí)間：2014-01-08 分享到：
網(wǎng)站源文件中外觀風(fēng)格的定義技巧
大多數(shù)HTML和XHTML文檔都十分簡單，在編寫這樣的文檔中，連最膽小的計(jì)算機(jī)使用者也不會(huì)感到害怕。首先，盡管你使用的可能是一種有趣的所見即所得編輯器，但最終文檔的存儲(chǔ)、發(fā)布，以及瀏覽器所讀取的文檔，都是簡單的ASCII文本文件（非正式的講，文本和標(biāo)記標(biāo)簽都是ASCII字符。從技術(shù)角度來說，除非進(jìn)行了指定，否則文本和標(biāo)簽都是由標(biāo)新人新事訴ISO8859-1拉要字符集組成的8個(gè)字符，HTML/XHTML標(biāo)準(zhǔn)也支持其他字符編碼方法，包括Arabic和Cyrillic）
這也是為什么即使使用最最原始的編輯器的用戶也能夠創(chuàng)建出優(yōu)美的網(wǎng)頁的原因，熟練的網(wǎng)站建設(shè)人員經(jīng)常令那些建站新手敬佩不已，因?yàn)樗麄兡軌蛟谝恍┝畠r(jià)的筆記本計(jì)算機(jī)上使用最原始的文本編輯器創(chuàng)造出非常精彩的網(wǎng)站來，并且常常是在一些奇怪的角落進(jìn)行他作，如公交車或者令人浴室等。然而創(chuàng)作者還是應(yīng)當(dāng)具備幾種流行的瀏覽器，包括每種瀏覽器最新的版本，并分別使用它們來查看正在構(gòu)建的新網(wǎng)站。
請記住，瀏覽器在顯示頁面的方式上有所區(qū)別，并不是所有瀏覽器都可以呈現(xiàn)所有語言標(biāo)準(zhǔn)，有些瀏覽器還有自己的擴(kuò)展。
網(wǎng)站外觀的欺騙性
網(wǎng)站在文本編輯器和瀏覽器中的顯示效果大不一樣。請?jiān)诰W(wǎng)絡(luò)上隨便找一個(gè)源文檔，你可以看到，至少多數(shù)部分的回車符，制表符和前置空白都被忽略了，雖然這些于源文檔的可讀性來說非常有用。而且源文檔還有很多額外文本，這些文本大多來自顯示標(biāo)簽和交互性標(biāo)記，以及它們的屬性，這些文本影響了文檔的某些部分，但它們本身卻不會(huì)顯示出來。
相應(yīng)地，制作新手所面臨的情況是，不僅僅是要形成自己在網(wǎng)站頁面上的表達(dá)風(fēng)絡(luò)，還要在源文本方面形成不同的風(fēng)格。源文檔的布局應(yīng)當(dāng)突出HTML和XHTML中像編程語言一樣的標(biāo)記部分，而不是那些要顯示出來的部分。而且，不僅要讓自己能夠看懂文檔，也要讓用戶也能夠看的懂。
相應(yīng)地，制作新手所面臨的情況是，不僅僅是要形成自己在網(wǎng)站頁面上的表達(dá)風(fēng)絡(luò)，還要在源文本方面形成不同的風(fēng)格。源文檔的布局應(yīng)當(dāng)突出HTML和XHTML中像編程語言一樣的標(biāo)記部分，而不是那些要顯示出來的部分。而且，不僅要讓自己能夠看懂文檔，也要讓用戶也能夠看的懂。
有經(jīng)驗(yàn)的網(wǎng)站建設(shè)人員在他們的源文件中，通常會(huì)使用像編程語言一樣的樣式，雖然這種樣式并不十分嚴(yán)謹(jǐn)。筆者也是這樣做的，當(dāng)用戶把范例中的源文檔和瀏覽器中的實(shí)際顯示準(zhǔn)備效果相比較時(shí)，這種樣式就變得列加明顯了。
我們的格式化樣式雖然簡單，但它卻可以幫助我們創(chuàng)建可讀的且容易維護(hù)的源文wrh：
1.除去結(jié)構(gòu)標(biāo)簽（如<html>、<head>和<body>等）以外，其他用來結(jié)構(gòu)化源文檔內(nèi)容的任何元素都將放在單獨(dú)的一行中，并用縮進(jìn)來顯示它在文檔中的嵌套層次。這些元素包括列表、表單、表格和類似以標(biāo)簽。
2.任何用來控制文本外或者樣式的標(biāo)簽，都會(huì)插入到當(dāng)?shù)叫谢蛭谋局小Ｆ渲邪ɑ镜淖煮w樣式標(biāo)簽，如<b>標(biāo)簽（加粗文字），和文字鏈接，如<a>標(biāo)簽（超文本錨）。
3.盡可能避免把URL斷開成兩行。
4.用額外的換行符將源文檔中的特殊部分隔離開來，例如，圍繞段落或表格。
保持源文件縮進(jìn)范圍的任務(wù)可能很瑣碎，甚至十分繁重。某些文本編輯器(如Emacs)會(huì)自動(dòng)管理縮進(jìn)；而另外一些（如普通的字處理程序）根本就不管什么縮進(jìn)，把所有工作都留給用戶自己來完成。如果編輯器讓你覺得十分別扭的話，你可以就不得做出一些妥協(xié)，可能會(huì)通過縮進(jìn)標(biāo)簽來顯示結(jié)構(gòu)，但是實(shí)際文本卻不縮進(jìn)，這樣改動(dòng)起來可以更方便一些。
不管在源代碼樣式方面做了什么樣的妥協(xié)或堅(jiān)持，最重要的一點(diǎn)是你一定要采用一種樣式。當(dāng)你回頭去看自己三個(gè)月以前制作的文檔時(shí)，會(huì)為那些漂亮的小技巧而感到非常高興，并想再次使用它們......可是，現(xiàn)在它們到哪去了？
如沒特殊注明，文章均為上海聯(lián)楷網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自：http://www.ktcbnqb.cn/news/20151229/n6674.html
