學(xué)會(huì )這樣去寫(xiě)你的HTML代碼發(fā)布者：本站 時(shí)間：2020-05-23 11:05:08
1. 文檔聲明：<!Doctype>
其實(shí)這跟 WCAG 根本上連不上什么直接關(guān)系，但為了一個(gè)兼容性更好，特別是向后兼容的頁(yè)面，我推薦你這樣寫(xiě)：
<!Doctype html>
2. 鏈接：<a>
互聯(lián)網(wǎng)的聯(lián)幾乎可以說(shuō)是用 <a> 來(lái)實(shí)現的，作為一個(gè)頁(yè)面最常見(jiàn)的標簽。我們應該如何對待呢？
為關(guān)鍵鏈接添加 accesskey
除非萬(wàn)不得已，不要去掉 focus 時(shí)虛線(xiàn)框
<a href="" title="" accesskey="M" rel="" hidefocus>Link</a>
3. 縮寫(xiě): <abbr>
對于用 HTML Tag 的正確使用，也是非常重要的，這有利于讀屏軟件使用者對于頁(yè)面結構的理解。特別是在 H1,H2,H3 等這些標簽的使用，濫用非常容易造成結構費解。當然，使用一般的標簽，再利用 CSS 來(lái)使視覺(jué)上形成對比這也是常人能辨識的。但讀屏軟件用戶(hù)呢。當然，這里只是順帶提起需要注意頁(yè)面標簽的使用方法，而 abbr 最重要的應該是應該添加一個(gè) title 屬性對縮寫(xiě)進(jìn)行描述。比如：
<abbr title="Web Developer" >WD</abbr>
4. 大段引用: <blockquote>，一般引用: <cite>
有大段引用的時(shí)候，使用 <blockquote>，而行內引用則使用 <cite>，讓你的結構更加易讀：
<blockquote>
之前就一直想寫(xiě)這樣的一篇文章，分享一下如何去創(chuàng )造一個(gè)可訪(fǎng)問(wèn)性更好的頁(yè)面。今天的計劃里有一條把 HTML T ag 和 WCAG標準結合起來(lái)。我推薦你這樣去寫(xiě)你的 HTML，讓某些人的生活可以更容易。
</blockquote>
<p>某A給我印象最深刻的一句話(huà)是，<cite>“做前端要有愛(ài)。不要動(dòng)不動(dòng)就有朩有地對各種人使用咆哮體”</cite>。</p>
5. 刪除：<del>
在紙上寫(xiě)東西不能像在計算機上寫(xiě)東西一樣，可以用撤銷(xiāo)鍵可以按，但當我們想要強調某些東西是被刪除的怎么辦？那就是使用 <del> 標簽了。比如這樣：
<del>HTML上表示強調時(shí)，請使用 <b> 標簽</del>
HTML上表示強調時(shí)，請使用 <strong> 標簽
效果是這樣的：
HTML上表示強調時(shí)，請使用 <b> 標簽
HTML上表示強調時(shí)，請使用 <strong> 標簽
6. 定義列表：<dl>
去年帶著(zhù)新人做支付寶前端博客的時(shí)候，他們給我印象最深刻的是很喜歡用 <dl>。當時(shí)在想，這些同學(xué)挺不錯的，對語(yǔ)義化的理解還不錯。
選擇我們，優(yōu)質(zhì)服務(wù)，不容錯過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò )資源，強大的網(wǎng)站優(yōu)化技術(shù)，穩定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設經(jīng)驗，優(yōu)秀的技術(shù)和設計水平，更放心
3. 全程省心服務(wù)，不必擔心自己不懂網(wǎng)絡(luò )，更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話(huà)：021-58370032
關(guān)鍵詞標簽：上海網(wǎng)站建設 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開(kāi)發(fā)