2014-07-15 分類: 網(wǎng)站建設(shè)
因?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í)間和金錢。
隨著網(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)樣式表),再利用類盡可能。
符合標(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è)客戶希望他們的網(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è)面呢?如果你被擊中了一輛公共汽車,辭職去阿拉斯加背包旅行,或者被外星人綁架了?其他人已經(jīng)拿起您離開(kāi)的地方,他會(huì)看你的代碼,試圖理解它。它會(huì)是容易的,還是會(huì)給他一個(gè)頭痛,讓他詛咒你的名字嗎?
第一次就做對(duì),這不只是一些惱人的,父親的人生課。它會(huì)節(jié)省你的時(shí)間和金錢,并且讓你有一個(gè)東西容易。
你可能會(huì)認(rèn)為它的速度就降在內(nèi)聯(lián)CSS沒(méi)有恰當(dāng)?shù)靥砑右粋€(gè)新的類,你的樣式表。你可能認(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)越像哥斯拉原子類固醇。而不是被降級(jí)到飛機(jī)從5年前設(shè)置黑莓上癮,今天大家都用手機(jī)上網(wǎng)。
輔助技術(shù)-屏幕閱讀器的盲人和殘疾人備用接口設(shè)備是常見(jiàn)的,你不想失去一個(gè)銷售或轉(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ì)知道一類/ 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)題或搜索引擎友好。
創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦:
成都網(wǎng)站建設(shè)_自適應(yīng)網(wǎng)站建設(shè)
SEO地域性排名是什么?
成都網(wǎng)站建設(shè)_自適應(yīng)網(wǎng)站建設(shè)
當(dāng)前題目:網(wǎng)頁(yè)設(shè)計(jì)清潔標(biāo)記物嗎
鏈接URL:http://redsoil1982.com.cn/news/20132.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)、網(wǎng)站設(shè)計(jì)、搜索引擎優(yōu)化、軟件開(kāi)發(fā)、服務(wù)器托管、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容