談?wù)勀銓?duì)web標(biāo)準(zhǔn)以及W3C的理解

web標(biāo)準(zhǔn)主要強(qiáng)調(diào)的是一個(gè)網(wǎng)站的結(jié)構(gòu),樣式,行為官份。這三者在網(wǎng)站進(jìn)行編寫的時(shí)候應(yīng)該盡量做的分離,從而達(dá)到結(jié)構(gòu)清晰羔味,易于閱讀赋元,易于維護(hù)的目的。那么我們又該如何進(jìn)行分離呢搁凸?
其實(shí)答案就是按結(jié)構(gòu)护糖,樣式嫡良,行為來(lái)分,哈哈皆刺。而更具體的說(shuō)就是將所有html代碼放在html文件中,將css代碼放在css文件中锨亏,將js代碼放在js文件中忙干。接下來(lái),進(jìn)一步闡明三門語(yǔ)言各自的職責(zé)乾翔。

  • HTML:HTML作為整個(gè)頁(yè)面的骨架反浓。負(fù)責(zé)的對(duì)整個(gè)頁(yè)面內(nèi)容的進(jìn)行合理的組織雷则,同時(shí)通過(guò)語(yǔ)義化的標(biāo)記使得頁(yè)面的內(nèi)容易于讀者閱讀肪笋,利于SEO度迂。應(yīng)該做到的點(diǎn):
    1.結(jié)構(gòu)良好:良好的結(jié)構(gòu)將有利于頁(yè)面的拓展惭墓,且會(huì)影響到后續(xù)CSS而姐,JS代碼的質(zhì)量毅人,推薦篇文章
    2.做到標(biāo)簽的語(yǔ)義化:例如如果是標(biāo)題那么請(qǐng)記得用h1-h6,如果是語(yǔ)氣的加強(qiáng)請(qǐng)使用strong.我覺(jué)得這方面有個(gè)很好的入口點(diǎn)就是設(shè)想你的頁(yè)面是為“盲人閱讀者而寫”的。而盲人是無(wú)法看到樣式的加粗來(lái)得知該內(nèi)容的強(qiáng)調(diào)的內(nèi)容丈莺。其對(duì)該內(nèi)容為強(qiáng)調(diào)是通過(guò)閱讀機(jī)來(lái)語(yǔ)氣的加強(qiáng)來(lái)得知的。而閱讀機(jī)則是想搜索引擎一樣是通過(guò)標(biāo)簽的語(yǔ)義來(lái)進(jìn)行判斷的
    3.標(biāo)簽字母要小寫
    4.標(biāo)簽要閉合
    5.標(biāo)簽不允許隨意嵌套

  • CSS:CSS主要是負(fù)責(zé)頁(yè)面的樣式弛秋,使得頁(yè)面的不至太過(guò)于單調(diào)乏味蟹略,也是頁(yè)面的的內(nèi)容布局更為優(yōu)美挖炬,給訪問(wèn)者以美感意敛。

  • JS:javascript使得頁(yè)面具有具有動(dòng)態(tài)性草姻,交互性稍刀。想想各種鼠標(biāo)hover時(shí)的想過(guò),輪播圖综膀〈氛希可知js使得頁(yè)面更加的豐富多彩项炼。另一方面,js也是得一些例如表單檢驗(yàn)的工作可以提前在客戶端完成面褐,進(jìn)一步提升了用戶體驗(yàn)。

最后取胎,想強(qiáng)調(diào)一下我在《DOM編程藝術(shù)》中g(shù)et到的一個(gè)思想展哭,"平穩(wěn)退化,漸進(jìn)增強(qiáng)"闻蛀。具體的闡釋是這樣的:
1.漸進(jìn)增強(qiáng):先實(shí)現(xiàn)最基本的頁(yè)面功能匪傍,然后在此基礎(chǔ)上進(jìn)行優(yōu)化,使得頁(yè)面的行為更加的豐富觉痛,進(jìn)而提高用戶體驗(yàn)役衡。
2.平穩(wěn)退化:通常我們都會(huì)通過(guò)js來(lái)實(shí)現(xiàn)某種效果,從而達(dá)到提高用戶體驗(yàn)的目的薪棒。但試想如果用戶瀏覽器禁用了js手蝎,頁(yè)面的最基本用能是否還能使用?如表單的填寫俐芯,內(nèi)容的展示棵介。
其中有一個(gè)例子至今印象深刻,對(duì)于注冊(cè)登錄時(shí)吧史。通常我們都是提供一個(gè)登錄或注冊(cè)按鈕逆巍。然后檢測(cè)按鈕的click事件芳肌,并將form表單設(shè)置為display:none;用戶的瀏覽器無(wú)法使用js想想是否該網(wǎng)站的登錄,注冊(cè)功能便變得無(wú)法使用了净薛。而作者提供的解決方法是用a作為按鈕。設(shè)為<a href="login.html">登錄</a>,而在js中通過(guò)hack登陸按鈕的click事件來(lái)達(dá)到能用js時(shí)士聪,點(diǎn)擊登陸按鈕彈出登陸框的效果(當(dāng)然在click事件發(fā)生時(shí)會(huì)通過(guò)阻止默認(rèn)事件使得頁(yè)面不跳轉(zhuǎn))曼库,而當(dāng)js不能使用時(shí),也能通過(guò)跳轉(zhuǎn)單獨(dú)的登錄頁(yè)面進(jìn)行登錄功能的使用。書感覺(jué)還是挺好的蒂誉,尤其是里面的思想,建議有空找來(lái)閱讀閱讀悄窃。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市灯蝴,隨后出現(xiàn)的幾起案子因妇,更是在濱河造成了極大的恐慌两芳,老刑警劉巖怖辆,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異腻格,居然都是意外死亡酬核,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門汽畴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)坐昙,“玉大人疾棵,你說(shuō)我怎么就攤上這事开仰。” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)稽莉。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘爽锥。我一直安慰自己雇毫,他們只是感情好飘蚯,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布嗦篱。 她就那樣靜靜地躺著,像睡著了一般甩挫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上痴突,一...
    開(kāi)封第一講書人閱讀 52,441評(píng)論 1 310
  • 那天帮碰,我揣著相機(jī)與錄音玲销,去河邊找鬼策吠。 笑死猴抹,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的择克。 我是一名探鬼主播骡湖,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了炮车?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤酣溃,失蹤者是張志新(化名)和其女友劉穎瘦穆,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體赊豌,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡扛或,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了碘饼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片熙兔。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡悲伶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出住涉,到底是詐尸還是另有隱情麸锉,我是刑警寧澤,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布舆声,位于F島的核電站淮椰,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏纳寂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一泻拦、第九天 我趴在偏房一處隱蔽的房頂上張望毙芜。 院中可真熱鬧,春花似錦争拐、人聲如沸腋粥。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)隘冲。三九已至,卻和暖如春绑雄,著一層夾襖步出監(jiān)牢的瞬間展辞,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工万牺, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留罗珍,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓脚粟,卻偏偏與公主長(zhǎng)得像覆旱,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子核无,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案扣唱? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,760評(píng)論 1 92
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,425評(píng)論 24 450
  • 參考:react native 中文網(wǎng) http://bbs.reactnative.cn/topic/10/%E...
    靜皂藍(lán)本閱讀 179評(píng)論 0 0
  • 我家的菩提花開(kāi)了,開(kāi)的很鮮艷团南,每天早上起來(lái)看到菩提樹(shù)上鮮艷的菩提花噪沙,有種想拍下每一朵花的沖動(dòng)……
    泰美閱讀 530評(píng)論 0 1
  • Say Sorry to Myself 叫我如何不想你 在這飄雪的冬季 我不該輕輕嘆息 讓你失去了堅(jiān)持的勇氣 你總...
    葉月抹茶閱讀 617評(píng)論 1 3