走向專業之路 網頁新手30高階秘技(上)

2022-10-05 12:15:17 字數 1371 閱讀 4355

許許多多的網頁新手正徘徊在專業編碼的門檻前,而網上的教程參差不齊,魚龍混雜,很容易讓新手迷茫。這裡總結了30條網頁編碼的「秘技」,只要在編碼過程中牢記它們,靈活運用,你一定會寫出一手漂亮的**,早日邁入專業開發者的行列。參看《網頁新手30條高階秘技(下) 》

1. 一定要閉合標籤

在以往的頁面源**裡,經常看到這樣的語句:

也許過去我們可以容忍這樣的非閉合標籤,但在今天的標準來看,這是非常不可取的,是必須百分百避免的。一定要注意閉合你的標籤,否則將無法通過驗證,並且容易出現一些難以預見的問題。

最好使用這樣的形式:

2. 宣告正確的文件型別( doctype )

#formatimgid_0#

筆者早先曾加入過許多css論壇,在那裡,如果有使用者遇到問題,我們會建議他首先做兩件事:

1. 驗證css檔案,解決所有可見的錯誤

2. 加上文件型別 doctype

#formatimgid_1#doctype 定義在html標籤出現之前,它告訴瀏覽器這個頁面包含的是html,xhtml,

還是兩者混合出現,這樣瀏覽器才能正確的解析標記。

通常有四種文件型別可供選擇:

關於該使用什麼樣的文件型別宣告,一直有不同的說法。通常認為使用最嚴格的宣告是最佳選擇,但研究表明,大部分瀏覽器會使用普通的方式解析這種聲 明,所以很多人選擇使用html4.01標準。選擇宣告的底線是,它是不是真的適合你,所以你要綜合考慮來選擇適合你得專案的宣告。

3. 不要使用嵌入式css樣式

當你在埋頭寫**時,可能會經常順手或偷懶的加上一點嵌入式css**,就象這樣:

oncoding編碼營

這樣看起來即方便又沒有問題,但是它會在你得**中產生問題。

在你開始寫**時,最好是在內容結構完成之後再開始加入樣式**。

#formatimgid_2#這樣的編碼方式就像打游擊,是一種很山寨的做法。——chris coyier

更好的做法是,把這個p的樣式定義在樣式表檔案裡:

4. 在頁面head標籤中引入所有的樣式表檔案

理論上講,你可以在任何位置引入css樣式表,但html規範建議在網頁的head標記中引入,這樣可以加快頁面的渲染速度。

#formatimgid_3#在雅虎的開發過程中,我們發現,在head標籤中引入樣式表,會加快網頁載入速度,

因為這樣可以使頁面逐步渲染。 —— yslow團隊

5. 在頁面底部引入j**ascript檔案

#formatimgid_4#

要記住乙個原則,就是讓頁面以最快的速度呈現在使用者面前。當載入乙個指令碼時,頁面會暫停載入,直到指令碼完全載入。所以會浪費使用者更多的時間。

如果你的js檔案只是要實現某些功能,(比如點選按鈕事件),那就放心的在body底部引入它,這絕對是最佳的方法。

舉例:

Python學習之路 網路知識

網路是為了把處在不同位置的計算機聯絡起來,使得彼此之間能夠相互通訊。每個ip位址包括兩部分 網路位址和主機位址。此外為了使得ip位址能充分地利用,國際上把ip位址分為a b c d e類位址,每種位址都規定了其起止範圍以及用途。10.0.0.0 10.255.255.255 172.16.0.0 1...

ceph學習之路 網路效能優化

在做雲儲存測試的過程中,使用海光cpu,發現網路流量一直上不去,導致大量丟失資料,用top觀察,有個程序,ksfotirqd占用cpu較高,使用 top 1 看到其中乙個核的cup 的軟中斷占用高,導致網路效能低,參考 通過下面的指令碼可以提高cpu的軟中斷負載 bin bash enable rp...

python之路 網路程式設計之socket

cs架構 客戶端服務端架構 服務端 提供服務的 客戶端 享受服務的 bs架構 瀏覽器和服務端 網路通訊流程 集線器 將所有連線上它的電腦全部聯通起來 交換機 公升級版的集線器 網絡卡 接收處理電訊號 廣播 單播 廣播風暴 作用 劃分廣播域 子網掩碼 計算ip位址段,或者判斷ip位址是否屬於同一位址段...