10.28日音訊,網(wǎng)頁(yè)標(biāo)準(zhǔn)文字介紹
日期：2013-10-28發(fā)布：首創(chuàng)網(wǎng)絡(luò)瀏覽：429次
10.28日音訊,網(wǎng)頁(yè)標(biāo)準(zhǔn)文字介紹。大家都知道，制作網(wǎng)頁(yè)進(jìn)需要遵循W3C的標(biāo)準(zhǔn)，這是大家都有目共睹的，既然要在它的范圍內(nèi)來(lái)制作，所以它的規(guī)則我們是先要明白和知道的，今天邯鄲網(wǎng)站建設(shè)首創(chuàng)網(wǎng)絡(luò)小編就來(lái)和大家一起探討下它們的要點(diǎn)和小的細(xì)節(jié)方面，希望能給···
本文關(guān)鍵字：10.28日,音訊,網(wǎng)頁(yè),標(biāo)準(zhǔn),文字,介紹,10.28日,音訊,
10.28日音訊,網(wǎng)頁(yè)標(biāo)準(zhǔn)文字介紹。大家都知道，制作網(wǎng)頁(yè)進(jìn)需要遵循W3C的標(biāo)準(zhǔn)，這是大家都有目共睹的，既然要在它的范圍內(nèi)來(lái)制作，所以它的規(guī)則我們是先要明白和知道的，今天邯鄲網(wǎng)站建設(shè)首創(chuàng)網(wǎng)絡(luò)小編就來(lái)和大家一起探討下它們的要點(diǎn)和小的細(xì)節(jié)方面，希望能給大家?guī)?lái)幫助和指導(dǎo)，也希望大家一起來(lái)和首創(chuàng)網(wǎng)絡(luò)共同探討，一塊學(xué)習(xí)。
標(biāo)題
頁(yè)面中必須包含一個(gè)title元素，并且不應(yīng)為空
title中的內(nèi)容應(yīng)該少于60個(gè)字
title應(yīng)該包含網(wǎng)站名字和頁(yè)面的主題
頁(yè)面中必須包含至少一個(gè)h1，并且不能為空
h1和title中應(yīng)該包含有相同的某些詞匯
h1和title應(yīng)該使用相同的詞序（詞序）鏈接鏈接...鏈接這種吧）
h1的內(nèi)容不應(yīng)該僅僅來(lái)自于圖片的alt屬性值
hn
所有的hn應(yīng)該在h1后面適當(dāng)?shù)那短?/p>
從h2開始，每一個(gè)hn前面至少有一個(gè)h(n-1)，比如：h3前面至少有一個(gè)h2；h5前面至少有一個(gè)h4
頁(yè)面中至少并只能包含一個(gè)h1。（html5中已經(jīng)提倡可以使用多個(gè)hn）
h1..h6元素應(yīng)該在頁(yè)面中用于構(gòu)建信息
每一個(gè)h1...h6必須有文字內(nèi)容
hn中的內(nèi)容通常少于65個(gè)字
h2...h6中除了img的alt屬性外，還應(yīng)該包含文字內(nèi)容
相同級(jí)別的標(biāo)題內(nèi)容應(yīng)該是唯一的。（比如：不能有兩個(gè)h1的內(nèi)容都是“騰訊網(wǎng)”）
菜單和導(dǎo)航
ul是用來(lái)作為導(dǎo)航的最合適的元素，其次是ol
推薦的導(dǎo)航結(jié)構(gòu)：
絕大多數(shù)的網(wǎng)頁(yè)應(yīng)該至少含有一個(gè)導(dǎo)航欄
每個(gè)map，ul，ol元素不要在最后一個(gè)h1之前，如果必須有個(gè)導(dǎo)航在標(biāo)題之前，這個(gè)標(biāo)題請(qǐng)用h2。(參見(jiàn)推薦的導(dǎo)航結(jié)構(gòu))
每一個(gè)嵌套的table，熱點(diǎn)區(qū)域，ol，ul作為導(dǎo)航的話，他們的頭部要有一個(gè)h2(或者是h2~h6，參見(jiàn)推薦的導(dǎo)航結(jié)構(gòu))
斜體樣式禁用i元素，標(biāo)題用h1...h6，要強(qiáng)調(diào)的詞、短語(yǔ)和句子，請(qǐng)用em實(shí)現(xiàn)
加粗字體樣式禁用b元素，標(biāo)題用h1...h6，要強(qiáng)調(diào)的詞、短語(yǔ)和句子，請(qǐng)用em實(shí)現(xiàn)
下劃線樣式禁用u元素，標(biāo)題用h1...h6，要強(qiáng)調(diào)的詞、短語(yǔ)和句子，請(qǐng)用strong實(shí)現(xiàn)
列表
如果將p一行行的有順序的排列，就該考慮是不是應(yīng)該用有序列表了（ol）
如果將p一行行的排列，就該考慮是不是應(yīng)該用無(wú)序列表了（ul）
如果列表嵌套深度大于5層的話，應(yīng)該考慮用h1...h6這樣的元素來(lái)進(jìn)行轉(zhuǎn)換。尤其是屏幕閱讀器的用戶
列表嵌套別超過(guò)5層
鏈接
避免使用脫離文章上下文無(wú)法理解的文字鏈接（比如最常用的“詳細(xì)”的文字）
如果一個(gè)鏈接包含一個(gè)圖片和文字，并且alt中的內(nèi)容和文字匹配（相同），那么alt的屬性應(yīng)該為空
避免使用小于16*16的圖片作為鏈接
避免把鏈接密密麻麻的放在一起（指的是
確保不同的鏈接地址用不同的鏈接文字（也就是說(shuō)最好避免重復(fù)的錨（鏈接）文字）
確保相同的鏈接地址用相同的鏈接文字（如果多個(gè)鏈接都指向http://www.qq.com，那么這些鏈接都應(yīng)該使用相同的錨（鏈接）文字。如果有的是“騰訊”，有的是“騰訊網(wǎng)”，有的是“騰訊網(wǎng)首頁(yè)”，這樣就不合適了，況且對(duì)SEO也不合適）
避免文字鏈接少于四個(gè)字（在中文網(wǎng)站中這一點(diǎn)很難避免）
內(nèi)部的錨點(diǎn)目標(biāo)要有tabindex="-1"。這是由于當(dāng)內(nèi)部鏈接被激活時(shí)，IE可以移動(dòng)焦點(diǎn)
如果錨點(diǎn)目標(biāo)是a或者表單等可以獲得焦點(diǎn)的元素，如果使用tabindex="1"，在使用tab鍵切換的時(shí)候就會(huì)被跳過(guò)
最安全的tabindex屬性是0
圖片
寬或高不到8px或者沒(méi)有alt的圖片（特別是裝飾性的圖片）應(yīng)該被移除，css技術(shù)可以用來(lái)控制樣式
alt是用來(lái)描述圖片的，而非單純的新聞標(biāo)題或者名詞
alt屬性不應(yīng)包含圖片的文件名
alt值不應(yīng)包含冗長(zhǎng)的信息（如果很長(zhǎng)可以使用
每個(gè)img要有alt
不能只依賴圖片上的文字信息
banner、頭圖上的文字信息必須在代碼中有所體現(xiàn)
Objects
每個(gè)applet元素應(yīng)有alt值
每個(gè)embed元素應(yīng)有alt值
每個(gè)object應(yīng)包含文字內(nèi)容
表單
ID必須唯一，特別是表單
每一個(gè)fieldset應(yīng)該有一個(gè)legend元素
每個(gè)label必須有文字內(nèi)容
每個(gè)legend必須有文字內(nèi)容
每一個(gè)有效的label(legend+label)必須是唯一的（也就是說(shuō)
label不應(yīng)該包裹select和textarea元素（平時(shí)我們可能會(huì)這樣書寫）
當(dāng)input=images是必須有alt或者titile屬性，且不為空
每一個(gè)button必須包含文字內(nèi)容
核實(shí)文本域、密碼、下拉框、textarea和按鈕的時(shí)候，最好設(shè)置為相對(duì)字體
禁止讓表單元素不能獲得焦點(diǎn)
如果input、select、textarea、button的title被定義了，一定不能為空
type等于button、reset、submit的input必須要有value或者title
最好為每一個(gè)表單元素定義一個(gè)label并且指向他的id或者擁有title
必須填寫的字段，在代碼層面一定要有所體現(xiàn)，推薦：
框架
不應(yīng)使用隱藏或者引入空的frame
每個(gè)frame必須有一個(gè)title屬性用來(lái)介紹這個(gè)frame的作用，隱藏的frame可以將title設(shè)置為"hidden1","hidden2","hidden3,"等等
frameset中的每一個(gè)frame的title要有內(nèi)容
事件
有onmouseover行為的焦點(diǎn)的元素應(yīng)有類似onfocus的相同效果解決方案
有onmouseout行為的焦點(diǎn)的元素應(yīng)有類似onblur的相同效果解決方案
鼠標(biāo)的onmousedown,onmouseup和onmousemove功能，要有相應(yīng)的鍵盤解決方案（比如用keydown、keyup、onblur）
沒(méi)有焦點(diǎn)的元素的onmouseover或onmouseout應(yīng)該用css中的:hover來(lái)實(shí)現(xiàn)（可惜ie6不給力）
onClick事件應(yīng)該綁定在有能有焦點(diǎn)的元素上
onChange事件不應(yīng)使用在select元素上，會(huì)導(dǎo)致自動(dòng)改變焦點(diǎn)或者載入到一個(gè)頁(yè)面中
accesskey屬性
屬性值必須是唯一的
不要與瀏覽器本身的快捷鍵重復(fù)，比如：IE中的ACEFHJMPRTVX
最好不要使用字母
縮放
禁止使用-webkit-text-size-adjust:none，推薦使用-webkit-text-size-adjust:100%，保證在小尺寸IOS設(shè)備上的字體比例
在chrome中使用-webkit-text-size-adjust:none實(shí)現(xiàn)小于12px的文字的信息一定不能是重要信息
顏色
禁止在html標(biāo)簽中使用color屬性，用css來(lái)實(shí)現(xiàn)
顏色對(duì)比對(duì)最少應(yīng)是3：1
顏色對(duì)比度最佳值是7：1
不能只用顏色作為唯一的信息標(biāo)識(shí)（比如股票中的紅漲綠跌）
不能只用圖形作為唯一的信息標(biāo)識(shí)（比如星星評(píng)級(jí)，柱狀圖等）
- 歡迎大家閱讀瀏覽，部分內(nèi)容來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系我們刪除！
服務(wù)項(xiàng)目
熱門信息
- 邯鄲網(wǎng)絡(luò)公司：模板建站的好處有哪些？
- 3642024-04-25
- 4.20日音訊，邯鄲網(wǎng)絡(luò)公司：企業(yè)官網(wǎng)有必要做嗎？
- 2132024-04-20
- 4.20日音訊，邯鄲網(wǎng)絡(luò)公司：為什么模板建站如此便宜？
- 2872024-04-20
- 4.9日音訊，企業(yè)網(wǎng)站維護(hù)的日常工作
- 2912024-04-09
- 4.5日訊，建設(shè)一個(gè)外貿(mào)網(wǎng)站多少錢？
- 4862024-04-05
- 邯鄲網(wǎng)絡(luò)公司：外貿(mào)網(wǎng)站制作的8個(gè)步驟
- 3772024-03-05
- 企業(yè)網(wǎng)站如何制作才能取得更好的效果
- 5662024-02-29
- 簡(jiǎn)單3步，輕松做企業(yè)官網(wǎng)
- 6822024-02-18
