網(wǎng)頁設(shè)計清潔標(biāo)記物嗎

因為網(wǎng)絡(luò)是一個不斷變化和不斷發(fā)展的有機體，建立網(wǎng)站，可以與它成長和易騎而不是淹沒在新波的方法目前是很重要的。
Web標(biāo)準(zhǔn)不僅可以幫助你做這個干凈的標(biāo)記和建筑，但會幫你節(jié)省時間和金錢。
隨著網(wǎng)絡(luò)的發(fā)展，使其使用與它成長的技術(shù)。雖然已經(jīng)存在了很長時間，它已經(jīng)收購了不少伙伴沿途。
第一個JavaScript，然后CSS，XML和Ajax之后。廣泛采用HTML 5是指日可待，F(xiàn)irefox、Safari、Opera和Chrome已經(jīng)幾乎完整的HTML 5的支持（在塊，慢的孩子Internet Explorer，滯后和往常一樣）。
在這篇文章中，我們將回顧Web標(biāo)準(zhǔn)的基礎(chǔ)，他們是什么，他們對你意味著什么，以及一些重要的技巧來幫助你處理這個重要的和經(jīng)常被忽視的問題。

 
這是否意味著有“干凈”的標(biāo)記是什么？
簡單地說，它意味著整潔，符合標(biāo)準(zhǔn)，并使用標(biāo)簽和結(jié)構(gòu)各語言的目的。
整潔的HTML標(biāo)簽的使用，使得稀疏，消除多余的和完成其任務(wù)的小標(biāo)記是必要的。它避免了不必要的屬性，如內(nèi)聯(lián)CSS，和葉的每個文檔的結(jié)構(gòu)化和組織。
同樣的，雜亂的CSS應(yīng)該避免重演，利用繼承（記住，CSS代表級聯(lián)樣式表），再利用類盡可能。
符合標(biāo)準(zhǔn)意味著標(biāo)準(zhǔn)所規(guī)定的驗證頁面W3C對于HTML，CSS，XML。這意味著使用免費的W3C驗證器檢查錯誤，糾正他們，測試直到你盡可能接近100%有效。

 
我為什么要在乎？它的作品，難道這還不夠嗎？
 
每個項目都有一個積極的期限和每個客戶希望他們的網(wǎng)站昨天開通。所以作為Web開發(fā)者和設(shè)計者我們恒壓工作的速度和效率下。
很容易陷入思維快速就意味著草率、整潔、符合標(biāo)準(zhǔn)的代碼需要更多的時間。很容易就說“這作品，這才是最重要的。”
當(dāng)然，它的作品…現(xiàn)在，你。關(guān)于下一年，或三年從現(xiàn)在開始？什么是新的瀏覽器？什么是性？
你真的以為搜索引擎將堅持特殊，草率的編碼方法？他們是挑剔的，而如果你不符合標(biāo)準(zhǔn)，你踢你的搜索排名的臉。
下一個可憐的傻瓜，編輯您創(chuàng)建這些頁面呢？如果你被擊中了一輛公共汽車，辭職去阿拉斯加背包旅行，或者被外星人綁架了？其他人已經(jīng)拿起您離開的地方，他會看你的代碼，試圖理解它。它會是容易的，還是會給他一個頭痛，讓他詛咒你的名字嗎？
第一次就做對，這不只是一些惱人的，父親的人生課。它會節(jié)省你的時間和金錢，并且讓你有一個東西容易。
你可能會認(rèn)為它的速度就降在內(nèi)聯(lián)CSS沒有恰當(dāng)?shù)靥砑右粋€新的類，你的樣式表。你可能認(rèn)為這是更方便你可以隨地吐痰，不考慮任何HTML文檔結(jié)構(gòu)。
當(dāng)談到時間更新文件或重新設(shè)計整個網(wǎng)站，你會花更多的時間來彌補糟糕的代碼比你被趕在第一位。當(dāng)你創(chuàng)建一個新的樣式表，那些討厭的內(nèi)聯(lián)樣式你急忙補充會回來困擾你，你會花時間追捕他們剝出來。

 
可擴展性、可訪問性、翻譯和未來的打樣
移動瀏覽是越來越像哥斯拉原子類固醇。而不是被降級到飛機從5年前設(shè)置黑莓上癮，今天大家都用手機上網(wǎng)。
輔助技術(shù)-屏幕閱讀器的盲人和殘疾人備用接口設(shè)備是常見的，你不想失去一個銷售或轉(zhuǎn)讓業(yè)務(wù)只是因為你沒有考慮到的。
你的網(wǎng)站可能會被翻譯成半打語言為來自世界各地的讀者找到你的內(nèi)容。感謝互聯(lián)網(wǎng)檔案館，谷歌的緩存和其他人，你今天發(fā)布的網(wǎng)頁將在相當(dāng)長的，即使他們已經(jīng)從網(wǎng)站上刪除你的生活時間長。
干凈的、符合標(biāo)準(zhǔn)的標(biāo)記可以使你的網(wǎng)站在每一個場景。

 
做的和不該做的：
•做為他們的目的是使用標(biāo)簽。例如：H1網(wǎng)頁上，第一個頂級元素然后H2、H3等等。應(yīng)該只有一個H1標(biāo)簽頁。
•你的名字你的CSS的class和id用有意義的條款，并問自己如果別人會知道一類/ ID從它的名字就。它的命名更有意義：# box12或#評論頁腳？
•不好好利用CSS繼承。例如：如果你設(shè)置的字體在一個容器中，你不需要指定了在每個孩子元除非孩子元素需要使用不同的字體。這將讓你的樣式表的精益和快速加載。
•做驗證你的HTML，CSS和XML和正確的盡可能多的錯誤。注意警告以及產(chǎn)生。
•做仔細(xì)檢查所見即所得生成的代碼和清理是必要的。他們吐出龐大的臭名昭著，臃腫的標(biāo)記與負(fù)載不必要的、無效的垃圾。
•也不內(nèi)聯(lián)樣式或額外注入標(biāo)記和屬性，只是因為你很匆忙。
•也不定為“它”。僅僅因為一個頁面并不意味著標(biāo)記的引擎蓋下是符合標(biāo)準(zhǔn)的，沒有問題或搜索引擎友好。

牧羊人設(shè)計文章推薦：

網(wǎng)頁設(shè)計師10個有用提示

10個網(wǎng)頁排版規(guī)則，每個設(shè)計師都應(yīng)該知道
一個專業(yè)的標(biāo)志設(shè)計