给大家带来Web尺度建构的站点一览表

Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
poluoluo文章简介：Web尺度不单单是不必表格的站点.
Web尺度，不单单是“不必表格的站点”

“Web尺度”这个词在分歧人眼里大概有分歧的寄义。有人会以为那是“不必表格的站点”，也有人会以为那是“利用经由过程考证的代码”。实践上，Web尺度涵盖的比这广泛很多，用Web尺度建构的站点必需保持尺度(HTML,XHTML,XML,CSS,XSLT,DOM,MathML,SVG等等)并固执于理论(经由过程考证的代码，有亲和力的代码，语义准确的代码，对用户友爱的URL等等)。
换句话说，用Web尺度建构的站点，假如幻想地看，必需简便，洁净，基于CSS，有亲和力，有可用性，和对搜刮引擎友爱。
有关这张一览表

这明显还不是一张完全的表格，极可能要加上良多器材。但是更主要的是，并不是个中每样器材都必需在你的站点中找到，这只是一个导游，用来：

• 展现Web尺度范畴的跨度
  
• 作为开辟者手边的便利的查询工具
  
• 匡助正在渐渐转向Web尺度的开辟者们顺应
  

一览表

代码质量

• 利用了准确的DOCTYPE吗？
  http://www.w3.org/QA/2002/04/valid-dtd-list.html
  
• 利用了准确的字符集吗？
  http://www.w3.org/International/O-charset.html
  
• 利用了正当的(X)HTML吗？
  http://validator.w3.org/
  
• 利用了正当的CSS吗？
  http://jigsaw.w3.org/css-validator/
  
• 用到了哪些CSSHack？
  http://css-discuss.incutio.com/?page=CssHack
  
• 利用了过剩的class大概id吗？
  
• 代码的语义布局是不是准确？1
  http://www.w3.org/2003/12/semantic-extractor.html
  
• 是不是有坏失落的链接？
  http://validator.w3.org/checklink
  
• 在页面和剧本巨细的影响下，站点的速率怎样？
  http://www.websiteoptimization.com/services/analyze/
  
• 有无甚么JavaScript毛病？
  

内容与体现的辨别度

• 是不是一切的体现类信息都用CSS来处置了？(字体、色彩、补白、边框等等)
  
• 是不是一切的粉饰性图片都用CSS来处置而不是间接写在(X)HTML中了？
  

对用户的亲和力

• 一切的形貌性图片都用了alt属性来供应笔墨信息吗？
  
• 字体利用了绝对单元而不是相对单元吗？
  
• 假如字体增年夜，会不会有些排版方面的毛病呈现？
  
• 是不是利用了弹出式菜单？
  
• 表单(form)是不是具有亲和力？
  
• 表格是不是具有亲和力？
  
• 配色的亮度和对照度充足吗？
  
• 是不是只用色彩来辨别主要的信息？
  
• 弹出式菜单是不是有一个提早的呼应？(为一些反应不那末急迅的人士思索)
  
• 是不是一切的链接都具有形貌性？3(为瞽者思索)
  

对设备的亲和力

• 新旧扫瞄器都最少能承受这个站点吗？
  
• 假如完整扫除CSS的话，站点还具有亲和力吗？
  
• 假如一切图象都封闭的话，站点还具有亲和力吗？
  
• 在Lynx等文本的扫瞄器下是不是可读？
  
• 打印出来是不是可读？
  
• 掌上设备中是不是可读？
  
• 站点是不是包括了具体的元数据(metadata)？
  
• 在分歧的扫瞄器窗口巨细下站点是不是一般？
  

基础的可用性

• 从视觉上说，是不是有一个明晰的条理布局？
  
• 分歧品级的题目是不是简单辨别？
  
• 站点的导航栏是不是简单识别？
  
• 导航栏是不是分歧？
  
• 是不是利用了分歧而且符合的言语？
  
• 是不是有站点舆图页面和接洽信息页面？它们找起来简单吗？
  
• 复杂的站点是不是有搜刮工具？
  
• 每页都有到首页链接吗？
  
• 链接都有下划线吗？
  
• 已会见过的毗连是不是用共同的色彩来辨别了？
  

站点办理

• 站点是不是有一个成心义而且有匡助404堕落页面，这个页面是不是对一切的目次深度都无效？
  
• 站点的URL是不是友爱？
  
• 假如往失落“www”，链接都还一般吗？
  
• 站点是不是有个图标？
  

提高易用性。使用CSS可以结构化HTML，例如：标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。