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

因?yàn)榫W(wǎng)絡(luò)是一個(gè)不斷變化和不斷發(fā)展的有機(jī)體，建立網(wǎng)站，可以與它成長(zhǎng)和易騎而不是淹沒(méi)在新波的方法目前是很重要的。
Web標(biāo)準(zhǔn)不僅可以幫助你做這個(gè)干凈的標(biāo)記和建筑，但會(huì)幫你節(jié)省時(shí)間和金錢(qián)。
隨著網(wǎng)絡(luò)的發(fā)展，使其使用與它成長(zhǎng)的技術(shù)。雖然已經(jīng)存在了很長(zhǎng)時(shí)間，它已經(jīng)收購(gòu)了不少伙伴沿途。
第一個(gè)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ǔ)，他們是什么，他們對(duì)你意味著什么，以及一些重要的技巧來(lái)幫助你處理這個(gè)重要的和經(jīng)常被忽視的問(wèn)題。

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

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

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

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

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

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

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