亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

這樣去寫你的 HTML 讓你的代碼更好的兼容性

2024-08-26 00:11:34
字體:
來源:轉載
供稿:網友
比如那些需要讀屏軟件的用戶。作為一個前端,我們又怎么會忍心呢。之前就一直想寫這樣的一篇文章,分享一下如何去創造一個可訪問性更好的頁面。今天的計劃里有一條把 HTML Tag 和 WCAG標準結合起來。我推薦你這樣去寫你的 HTML,讓某些人的生活可以更容易。

今天想分享的是如何去使用我們的 HTML Tag, 把 WCAG 的標準和語義網的目標進行代碼上的體現:

1. 文檔聲明:<!Doctype>

其實這跟 WCAG 根本上連不上什么直接關系,但為了一個兼容性更好,特別是向后兼容的頁面,我推薦你這樣寫:

<!Doctype html>

2. 鏈接:<a>

互聯網的聯幾乎可以說是用 <a> 來實現的,作為一個頁面最常見的標簽。我們應該如何對待呢?

  1. 為關鍵鏈接添加 accesskey
  2. 除非萬不得已,不要去掉 focus 時虛線框
<a href="" title="" accesskey="M" rel="" hidefocus>Link</a>

3. 縮寫: <abbr>

對于用 HTML Tag 的正確使用,也是非常重要的,這有利于讀屏軟件使用者對于頁面結構的理解。特別是在 H1,H2,H3 等這些標簽的使用,濫用非常容易造成結構費解。當然,使用一般的標簽,再利用 CSS 來使視覺上形成對比這也是常人能辨識的。但讀屏軟件用戶呢。當然,這里只是順帶提起需要注意頁面標簽的使用方法,而 abbr 最重要的應該是應該添加一個 title 屬性對縮寫進行描述。比如:

<abbr title="Web Developer" >WD</abbr>

4. 大段引用: <blockquote>,一般引用: <cite>

 有大段引用的時候,使用 <blockquote>,而行內引用則使用 <cite>,讓你的結構更加易讀:

<blockquote>    之前就一直想寫這樣的一篇文章,分享一下如何去創造一個可訪問性更好的頁面。今天的計劃里有一條把 HTML Tag 和 WCAG標準結合起來。我推薦你這樣去寫你的 HTML,讓某些人的生活可以更容易。</blockquote><p>某A給我印象最深刻的一句話是,<cite>“做前端要有愛。不要動不動就有亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

国产精品丝袜一区二区三区| 亚洲区中文字幕| 国产极品jizzhd欧美| 欧美高清自拍一区| 成人免费在线视频网站| 日韩电视剧在线观看免费网站| 在线精品播放av| 欧美性69xxxx肥| 国产99久久久欧美黑人| 久久91超碰青草是什么| 亚洲最新在线视频| 日韩免费在线观看视频| 日本久久亚洲电影| 国产婷婷成人久久av免费高清| 日韩av在线免播放器| 欧美日韩国产精品一区二区不卡中文| 午夜精品www| 亚洲无限乱码一二三四麻| 欧洲美女7788成人免费视频| 国产精品亚洲自拍| 精品综合久久久久久97| 国产91精品在线播放| 国产91九色视频| 国产精品视频yy9099| 91精品在线国产| 国产日韩欧美视频在线| 欧美日韩免费区域视频在线观看| 成人免费网站在线观看| 国产精品第1页| 亚洲乱码国产乱码精品精| 日韩欧美精品在线观看| 91精品国产自产在线| 成人免费黄色网| 国产欧美一区二区白浆黑人| 成人xxxxx| 伊人久久大香线蕉av一区二区| 精品欧美aⅴ在线网站| 久久精品美女视频网站| 国内外成人免费激情在线视频网站| 亚洲色图在线观看| 中文字幕亚洲色图| 精品久久久久久久久国产字幕| 亚洲人高潮女人毛茸茸| www.欧美精品| 不卡av日日日| 国产丝袜视频一区| 97成人精品视频在线观看| 中文字幕久久精品| 精品一区电影国产| 国产免费一区二区三区在线观看| 亚洲自拍偷拍色片视频| 在线观看欧美成人| 亚洲成人国产精品| 国产免费观看久久黄| 国产视频在线观看一区二区| 国产美女精品视频| 国产精品免费久久久久久| 国产69精品久久久久久| 黄色一区二区三区| 欧美大尺度激情区在线播放| 亚洲激情免费观看| 国产精品久久久久久av福利| 国产精品看片资源| 欧美俄罗斯性视频| 精品久久久久久亚洲国产300| 热99精品只有里视频精品| 日韩网站免费观看| 国内精品伊人久久| 国产精品网站入口| 成人免费看吃奶视频网站| 国产精品91久久久| 日韩美女视频在线观看| 国产深夜精品福利| 欧美激情一区二区久久久| 日韩电影在线观看永久视频免费网站| 91欧美精品成人综合在线观看| 亚洲永久免费观看| 日韩欧美亚洲国产一区| 日韩在线视频二区| 国产精品入口免费视频一| 永久免费毛片在线播放不卡| 精品夜色国产国偷在线| 日韩成人在线视频网站| 久久久久久国产精品久久| 97香蕉超级碰碰久久免费的优势| 国产精品91久久| 中文字幕精品一区久久久久| 国内精品国产三级国产在线专| 97超碰国产精品女人人人爽| 国产精品福利久久久| 91av在线播放| 中文字幕欧美日韩精品| 成人精品在线视频| 日韩福利在线播放| 正在播放欧美一区| 午夜精品一区二区三区av| 欧美一级在线播放| 97国产一区二区精品久久呦| 亚洲欧美中文日韩在线v日本| 国产偷国产偷亚洲清高网站| 精品国产一区二区三区四区在线观看| 激情成人在线视频| 欧美激情a在线| 成人激情在线观看| 91久久国产综合久久91精品网站| 欧美猛少妇色xxxxx| 97在线免费观看视频| 国产精品美乳在线观看| 成人免费网站在线观看| 欧美成人合集magnet| 成人在线小视频| 久久久久久综合网天天| 国产精品久久久久久久美男| 中文字幕视频一区二区在线有码| 97久久精品国产| 九九精品在线视频| 精品久久久久久中文字幕大豆网| 日韩女优人人人人射在线视频| 亚洲sss综合天堂久久| 都市激情亚洲色图| 日韩av在线天堂网| 精品国内自产拍在线观看| 91香蕉嫩草影院入口| 色综合伊人色综合网站| 国内成人精品视频| 日韩资源在线观看| 97欧美精品一区二区三区| 色诱女教师一区二区三区| 91精品国产综合久久香蕉922| 国产精品1区2区在线观看| 成人乱人伦精品视频在线观看| 成人亚洲欧美一区二区三区| 视频在线观看一区二区| 欧美日韩国产区| 欧美大片在线免费观看| 日本欧美爱爱爱| 国产亚洲激情视频在线| 成人久久一区二区三区| 国产精品久久久久久婷婷天堂| 亚洲综合在线播放| 欧美多人乱p欧美4p久久| 国产人妖伪娘一区91| 日韩精品在线看| 中文字幕一区二区精品| 欧美黑人一区二区三区| 91久久久久久久一区二区| 精品久久久久久久久久| 国产日韩欧美日韩大片| 久久久噜久噜久久综合| 色妞色视频一区二区三区四区| 欧美日韩一区二区在线播放| 久久精品在线播放| 亚洲欧洲一区二区三区久久| 亚洲毛片在线观看.| 5252色成人免费视频| 日韩国产高清污视频在线观看| 亚洲欧洲国产精品| 欧美日韩美女在线| 国产v综合v亚洲欧美久久| 欧美日韩免费一区| 亚洲成人a**站| 国产精品久久精品| 亚洲第一精品夜夜躁人人爽| 亚洲精品视频网上网址在线观看|