深圳網(wǎng)站制作最常見的HTML和CSS錯誤

2013-11-27    分類: 網(wǎng)站建設

成都網(wǎng)站制作最常見的HTML和CSS錯誤
初學者通過先進的程序員在他們的HTML和CSS文件,無論是通過疏忽或缺乏經(jīng)驗的錯誤。干凈的代碼是非常重要的,雖然將有助于進一步作為一個開發(fā)人員的技能,以及節(jié)省您的時間編輯后!如果你是一個熟練的開發(fā)人員,回顧它是很痛苦的…

初學者通過先進的程序員在他們的HTML和CSS文件,無論是通過疏忽或缺乏經(jīng)驗的錯誤。干凈的代碼是非常重要的,雖然將有助于進一步作為一個開發(fā)人員的技能,以及節(jié)省您的時間編輯后!如果你是一個熟練的開發(fā)人員,回顧它不會傷害你,許多錯誤是由于太快而不是從一開始就練習好的編碼技巧造成的。這是一個有益的和失誤的常見錯誤列表,我遇到了我自己的工作,以及與他人合作。

深圳網(wǎng)站制作最常見的HTML和CSS錯誤

HTML錯誤

忘記關(guān)閉標簽

這是很常見的,尤其是初學者。幾個標簽需要關(guān)閉的標簽如div,強大的標簽,并列舉了一些鏈接。其他標簽需要結(jié)束斜杠結(jié)束線如一個img標簽。

專區(qū)內(nèi)的文本

不正確的DOCTYPE

HTML文檔需要你開始用正確的DOCTYPE聲明。它需要在代碼中的任何其他之前,通過聲明您使用的HTML類型來啟動文檔。這里的XHTML 1過渡doctype。

不正確的嵌套標簽

按適當?shù)捻樞虼蜷_和關(guān)閉標簽是非常重要的。一旦某個東西(例如div)已經(jīng)打開,它必須在它關(guān)閉之前關(guān)閉。以下是不正確的。

文本

利用標簽

這只是被認為是壞的做法,但不會導致您的代碼未被驗證。你應該總是使用小寫標簽如div、鏈接和圖像。以下是不正確的。

忘記打開或關(guān)閉引號

我在初學者看到過很多東西,會導致代碼損壞,無法正常工作。HTML需要雙引號打開和關(guān)閉正確。這里有一個正確使用的例子。

使用內(nèi)聯(lián)樣式

這是另一個被認為是不好的做法。內(nèi)聯(lián)樣式的工作,但會導致頭痛后!項目應在全球范圍內(nèi)通過一個外部樣式表的樣式。這將是更容易編輯和添加樣式到未來。內(nèi)聯(lián)樣式的一個示例:

鏈接名稱

不編碼特殊字符

人物像“©”和“&”應該表現(xiàn)出適當?shù)腍TML代碼的特點。這里有一個偉大的字符列表和他們的HTML對應,你應該使用。

混淆類和IDS

類用于在一頁上多次使用的項。這可以是一個鏈接樣式,您可以在一個頁面上多次調(diào)用,但不遵循全局鏈接樣式。ID被稱為一次項,如頭部的class和id經(jīng)常被濫用,用在不必要的地方也。堅持你所需要的最低數(shù)量的分類。

CSS

忘記恰當?shù)仃P(guān)閉東西

每個div或項目在開始與開幕曲括號和結(jié)束結(jié)束卷曲括號。每個調(diào)用的樣式需要用分號結(jié)束。一個項目中的最后一個聲明不需要分號,但使用它,以防以后你打算添加更多的項目,你可能會忘記將其添加回。正確使用的一個例子:

# divname {

寬度:40px;

身高:30px;

}

凝聚你的樣式表把所有聲明一個div一行是為辯論。我喜歡把每一個聲明自己的行,我認為這是更容易編輯的方式,但有些人可能會說,它只是產(chǎn)生更長的代碼。

不使用全局樣式

許多東西應該像段落和標題樣式一樣用于文本和鏈接樣式。這將減少犯錯誤的風險,也會減少你的樣式表的代碼量。

不使用ID和類的唯一名稱

它選擇的名稱是獨一無二的,它很容易編輯,后來是非常重要的,而且容易在你的樣式表的識別。命名您的div具體事象#離開家柱,不如#左。

不使用速記代碼

速記編碼的另一種方式是將你的樣式表,有助于加快以及用戶負荷倍找東西當你編輯后的。而不是調(diào)用填充頂部,左,下,右-您可以使用:

填料:5px 10px 0 10px;

速記代碼可用于許多聲明,包括:填充、邊距、邊框和字體。

不使用縮短的顏色聲明

進制數(shù),重復# ffffff和# 000000可以濃縮為# FFF和# 000。這是另一種方法來壓縮您的代碼和保持東西短,容易看。

不正確的使用定位

當你剛開始使用CSS時,定位很難理解。你的選擇是靜態(tài)的,相對的,絕對的,固定的。靜態(tài)是默認選項,并根據(jù)正常頁流定位。一個相對的物品相對于它自己定位,這意味著你可以根據(jù)它通常坐的位置向上、向下、向左或向右移動它。絕對允許你在頁面的任何地方放置一個項目,是最誤用的定位語句。您為它設置的值將與相對或絕對的最后父項相對應,如果沒有,則默認為HTML標記,允許您通過聲明左上或右下角將其定位到任何位置。固定的位置相對于瀏覽器窗口,所以一個項目將保持到位,如果用戶必須滾動。學習如何正確使用定位很重要,但不應過度使用。我很少使用這些在我的樣式表。

深圳網(wǎng)站制作最常見的HTML和CSS錯誤

驗證

驗證您的HTML和CSS文件將有助于減少錯誤,并找出問題可能來自。您的網(wǎng)站可能與一些常見的HTML和CSS錯誤的功能正確,但它并沒有使它的良好做法或有效的代碼。驗證器將幫助識別這些問題,你就可以對未來的調(diào)整你的代碼。

深圳網(wǎng)站制作最常見的HTML和CSS錯誤更多的資源

12常見的HTML錯誤

10 HTML錯誤應該避免

十常見CSS錯誤

CSS速記指南

CSS初學者的錯誤

CSS的小抄

深圳網(wǎng)站制作最常見的HTML和CSS錯誤我們很多人都犯了這些HTML和CSS錯誤,包括我自己!我們只能努力從錯誤中吸取教訓,實踐未來更好的編碼。清理您的代碼將幫助您進一步提高您的編碼技能,并允許您創(chuàng)建更好的網(wǎng)站與更多的功能,為您的用戶。

新聞標題:深圳網(wǎng)站制作最常見的HTML和CSS錯誤
網(wǎng)站地址:http://www.bm7419.com/news37/19537.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設計、自適應網(wǎng)站、靜態(tài)網(wǎng)站定制開發(fā)、建站公司、小程序開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名