• 好爸爸开讲:这是我的童年 我的大指挥官 2019-10-15
  • 美元短线拉升 随后回吐涨幅 2019-10-15
  • 【打好精准脱贫攻坚战】那曲农牧业特色产业精准脱贫初见成效 2019-10-12
  • [大笑]是谁在炒呢?你们不参与,能炒得起来么? 2019-10-12
  • 海淀区公布第四批77处区级文物保护单位 2019-08-18
  • 互助献血成有偿兼职 揭秘新型“血头”的“生财术” 2019-08-02
  • 淘票票实施全链路营销策略,推动电影宣发进入“共振”时代 2019-08-02
  • 调查:约四成台湾幼儿园孩童每天使用手机逾30分钟 2019-07-17
  • 2019-07-17
  • 第二届加强创新和社会管理案例理论论坛暨社会管理创新案例颁奖典礼 2019-07-14
  • 光明网招聘时事新闻分析编辑 2019-07-14
  • Premiê chinês reúne-se com a imprensa 2019-07-11
  • 习近平:真抓实干埋头苦干万众一心 夺取脱贫攻坚战全面胜利 2019-07-11
  • 紫光阁中共中央国家机关工作委员会 2019-07-05
  • 北京公示东城区委常委、副区长陈之常拟为区长人选(图简历) 2019-07-05
  • 广州恒大5:4拜仁慕尼黑:Web网站建设清单和标准

    长期的Web网站建设标准,可以对不同的人意味着不同的事情。为他人使用有效的代码 “。然而,Web标准比这要广泛得多。Web标准建立一个网站,要坚持标准的HTML,XHTML,XML,CSS的,的XSLT,DOM 中,MATHML的SVG等,并追求最佳实践(有效的代码,代码访问,语义正确的代码,用户友好的URL等)。

    换句话说,建立Web标准的网站,最好是精干,简洁,基于DIV+CSS的,方便,实用和搜索引擎友好。

    关于清单

    这是不是一个超级清单??赡苡行矶嗫梢蕴砑酉钅?。更重要的是,它不应该被视为必须对每一个网站,你开发解决 了该项目的清单。这只不过是一个可以使用的指南:

    1。质量代码

    1.1网站是否使用正确的DOCTYPE?
    一个DOCTYPE(简称“文档类型声明”)通知验证您正在使用哪个版本的(X)HTML,必须出现在每个网页的顶部。文档类型是符合网页的重要组成部分,没有他们不会验证您的标记和CSS。
    修复您的网站,与正确的DOCTYPE。
    更多信息:
    //www.w3.org/QA/2002/04/valid-dtd-list.html

    1.2网站使用的字符集?
    如果用户代理(如浏览器)是无法检测到Web文档中使用的字符编码??,用户可不可读的文本。这个信息是为维持和扩大多语种网站尤其重要,但生产XHTML / HTML或CSS的人申报文件的字符编码??是很重要的。
    在XHTML,HTML和CSS编码字符集如:charset=UTF-8、 charset=gb2312

    字符编码
    1.3网站是否使用有效(X)HTML的?
    有效的代码将呈现速度比有错误的代码。有效的代码将呈现优于无效的代码。浏览器正在成为更多符合标准的,它正变得越来越有必要写有效和符合标准的HTML

    W3C标记验证服务
    1.4网站是否使用有效的CSS?
    你需要确保在您的HTML或你的CSS,有没有任何错误,因为在这两个地方的失误导致拙劣的文档的外观。

    W3C CSS验证服务
    1.5网站是否使用任何CSS?
    ,基本上回落到个人的选择,你的解决方法有知识,你正在努力实现的具体设计。

    1.6是否使用不必要的类或ID的网站吗?
    我注意到,学习新技能的开发人员往往具有良好的CSS,但穷人的XHTML结束。具体来说,HTML代码往往是不必要的div和ID。这在相当无意义的HTML和臃肿的样式表的结果。
    标记战术

    1.7结构良好的代码吗?
    语义正确的标记使用其特定用途的HTML元素。结构良好的HTML,具有广泛的用户代理(没有样式表的浏览器,文本浏览器,掌上电脑,搜索引擎等)的语义

    语义数据提取
    1.8网站是否有任何损坏的链接?
    残破的链接可以阻挠用户和潜在推动客户。断开的链接,也可以保持正确索引你的网站从搜索引擎。

    W3C链接检查
    1.9网站如何执行速度/页大???
    不要让我等待......这消息用户调查,在调查后给我们。即使是宽带用户,可以承受缓慢加载的蓝调。
    加快您的网站:网站优化

    1.10网站是否有JavaScript错误?
    用于Windows的Internet Explore允许你打开一个调试器,会弹出一个新窗口,让您知道您的网站上有JavaScript错误。这是根据“高级”选项卡上的“Internet选项”。取消选中“禁用脚本调试”。

    2。内容和表现之间的分离度

    2.1是否所有演示方面(字体,颜色,填充,边框等)的网站使用CSS?
    使用样式表来控制布局和演示
    无障碍网页检测1.0 - 3.3检查站

    2.2在CSS中的所有装饰性的图片,他们还是出现在(X)HTML的吗?
    web开发的目的是删除所有的HTML代码介绍,留下干净和语义正确的。

    3。方便用户
    3.1是“ALT”属性用于描述图像吗?
    每一个非文本元素提供一个文本相当于
    无障碍网页检测 - 检查点1.1

    3.2是否使用本网站的相对单位,而不是绝对的文字大小单位?
    使用相对而非绝对单位标记语言的属性值和样式表属性值“

    无障碍网页检测 - 检查点3.4
    如何大小的文字,使用EMS
    做任何方面的布局,冲破3.3如果字体大小增加?
    试试这个简单的测试??丛谀耐驹阡榔髦?,支持字体大小容易递增。现在,增加您的浏览器的字体大小。又一次。并再次...看看你的网站。页面布局是否仍然抱在了一起?这是危险的开发人员认为大家浏览使用默认字体大小。

    3.4网站是否使用可见的跳跃菜单?
    应提供一种方法,允许用户跳过重复的导航链接。
    第508条
    集团相关链接,确定组(用户代理),直到用户代理这样做,提供了一种方法来绕过组
    无障碍网页检测 - 检查点13.6
    ...盲人旅客没有太多的联系不便,在导航区域唯一的?;叵胍幌?,行动不便的人与穷人的自适应技术,制表符,泥沼,可能会被卡住。
    让他们可见!
    3.5网站是否使用访问形式?
    形式不是最简单的事情,为残疾人士使用。周围的书面内容的页面导航是一件事,之间跳频表单字段输入信息是另一个

    访问HTML / XHTML表单
    无障碍表单生成器
    3.6网站是否使用访问表?
    有关数据表,确定行和列标题有两个或两个以上的行或列标题的逻辑级别的数据表,使用标记来关联数据细胞和头部细胞。
    网页内容无障碍指南 - 检查点5.1
    更多信息:

    如何创建访问表
    访问表的构造
    创建访问表
    3.7是否有足够的色彩亮度/对比吗?
    确保前景色和背景色组合提供足够的对比度,当有人有颜色的赤字
    网站内容平易准则 - 检查点2.2
    更多信息:

    色彩对比分析
    3.8是单独使用的关键信息的颜色?
    确保用颜色传达的所有信息也没有颜色,例如从上下文或标记,
    网站内容平易准则 - 检查点2.1
    基本上有三种颜色不足; Deuteranope(红/绿颜色赤字的形式),红色盲者(红/绿颜色的赤字的另一种形式)和Tritanope(蓝色/黄色赤字非常罕见)。

    更多信息:

    色盲网页过滤器
    vischeck
    3.9是否有下拉菜单的响应延迟?
    减少运动技能的用户可能会发现下拉菜单很难使用,如果响应速度太快。

    3.10是所有环节的描述吗?
    链接文本应该是有意义的,足以使断章取义读时的感觉 - 无论是对自己或作为链接序列的一部分。链接文字也应该是简洁。
    无障碍网页检测1.0 - 13.1检查点
    4。方便设备
    4.1现场工作可接受的跨越现代和旧的浏览器?
    开始建立一个基于CSS的布局之前,你应该决定哪些浏览器支持,你打算支持他们到什么程度。
    彩色框 - 建立完整的CSS布局的方法之一
    4.2访问的CSS关闭或不支持的内容吗?
    有些人可能会访问您的网站浏览器不支持CSS或用CSS的浏览器关掉。在内容结构,这将不会是一个问题。

    4.3关闭或不支持的图像访问的内容吗?
    有人浏览网站关闭图像 - 很慢的连接,尤其是人。内容仍然应该对这些人进行访问。

    4.4是否在诸如Lynx的文本浏览器的现场工作吗?
    这是像结合的图像和CSS关掉。一种基于文本的浏览器将依靠良好的结构化内容提供意义。

    更多信息:

    山猫浏览器
    4.5网站是否正常工作,打印时?
    你可以采取任何(X)HTML文档和简单风格的打印,而无需触摸的标记。
    要打印
    更多信息:

    网页设计参考 - 打印
    4.6现场工作以及在手持设备?
    这是一个很难对付,直到手持设备一贯支持其正确的介质类型。然而,一些布局工作更好地在当前的手持设备。支持手持设备的重要性将取决于目标受众。

    4.7网站是否有详细的元数据?
    元数据是网上的机器可理解的信息
    W3C的 - 元数据和资源描述
    元数据是结构化的信息,是专门来描述另一个资源?;痪浠八?,元数据是关于数据的数据“。

    4.8现场工作以及在浏览器窗口大小的范围?
    它是一个开发人员之间的共同的假设,平均屏幕尺寸增加。一些开发商承担的平均屏幕尺寸是1024px宽。但是对于小屏幕和手持设备的用户的用户?他们是您的目标受众的一部分,他们是弱势群体吗?

    5?;镜目捎眯?br /> 5.1是否有一个明确的视觉层次?
    组织和优先页的内容,通过使用规模,突出和内容的关系
    创建一个明确的视觉层次
    5.2是否容易辨别的标题级别?
    使用头元素,传达文件的结构和使用它们按照规范
    无障碍网页检测1.0 - 3.5检查站
    5.3是该网站的导航很容易理解吗?
    您的导航系统应该给您的访客页的网站,他们目前正在和地方,他们可以去旁边的线索。
    设计教程 - 导航
    5.4网站导航一致吗?
    如果您网站上的每一页都有一个演示的一贯作风,游客会发现更容易之间浏览网页和查找信息
    多汁的工作室 - 导航
    5.5网站是否使用一致和适当的语言?
    使用简单明了的语言,促进有效的沟通。尝试遇到如口齿伶俐,可以是难以阅读,语法写得不好,尤其是如果所用的语言是不是访问者的主要语言。
    清晰的语言
    5.6网站是否有一个网站页面和接触页?他们是很容易找到吗?
    大多数网站地图失败转达网站的信息架构的多个层次。在可用性测试中,用户往往忽视网站地图或无法找到他们。复杂性也是一个问题:地图应该是一个地图,而不是其自身的航行挑战。
    网站地图可用性
    5.7对于大型网站,有一个搜索工具?
    虽然搜索工具并不需要规模较小的网站上,有些人永远不会使用它们,特定网站的搜索工具允许用户选择一个导航选项。

    5.8是否有在网站主页上每一页的链接呢?
    有些用户喜欢浏览网站内的内容,回去后到网站的主页。主页变成了为这些用户的大本营,使他们重新集结之前,探索新的内容。

    5.9是链接下划线?
    为了最大限度地提高知觉启示,可以点击的,颜色和下划线的链接文字。用户不应该有猜测或擦洗页,以找出他们可以按一下。
    可视化链接的准则
    5.10参观明确界定的链接?
    最重要的,知道哪些网页,他们已经访问了释放无意重温一遍又一遍相同的网页的用户。
    改变访问过的链接的颜色
    6。网站管理
    6.1网站是否有一个有意义的和有益的工作,从网站中的任何深度的404错误页面?
    你请求的页面 - 通过在地址栏直接输入URL或点击一个彻头彻尾的最新链接,你发现自己在网络空间无处中间。一个用户友好的网站会给你伸出援助之手,而许多人就干脆什么也不做,依靠内置浏览器的能力来解释的问题是什么。
    完美404
    6.2网站是否使用友好的URL?
    大多数搜索引擎(也有少数例外 - 即谷歌)不会指数的任何网页,有一个问号或其他字符的URL(如符号或等号)...如果没有人能找到它的网站有什么好处?
    搜索引擎友好的URL如://www.mvcxr.com/wzjs/
    是URL的Web用户界面的角度来看,从最坏的元素之一。但是,如果他们短,逻辑和自我纠正,URL可以是可以接受的可用
    如何使用户友好的URL
    更多信息:

    创建搜索引擎友好的网址
    如何使用户友好的URL
    6.3是否没有“www”的网站的网址的工作?
    虽然这并不重要,在某些情况下甚至是不可能的,它是给人们的这两个选项的选择总是好的。如果用户类型没有www的域名,并获得无站点,这可能不利双方的用户和你。

    6.4网站是否有一个图标?
    一个图标是一个多分辨率的图像上几乎所有的专业开发的网站。把favicon允许网络管理员,以进一步促进他们的网站,并创造一个更加个性化的访问者的浏览器内的外观
    Favicon.com
    Favicons 的绝对不是关键。但是,如果它们不存在,他们可能会导致在你的日志404错误(网站统计)。像IE浏览器从服务器请求他们当一个网站书签。如果一个图标不 可用,可能会产生一个404错误。因此,有一个图标,可以削减favicon具体的404错误。同样是真正的“robots.txt”文件。

  • 好爸爸开讲:这是我的童年 我的大指挥官 2019-10-15
  • 美元短线拉升 随后回吐涨幅 2019-10-15
  • 【打好精准脱贫攻坚战】那曲农牧业特色产业精准脱贫初见成效 2019-10-12
  • [大笑]是谁在炒呢?你们不参与,能炒得起来么? 2019-10-12
  • 海淀区公布第四批77处区级文物保护单位 2019-08-18
  • 互助献血成有偿兼职 揭秘新型“血头”的“生财术” 2019-08-02
  • 淘票票实施全链路营销策略,推动电影宣发进入“共振”时代 2019-08-02
  • 调查:约四成台湾幼儿园孩童每天使用手机逾30分钟 2019-07-17
  • 2019-07-17
  • 第二届加强创新和社会管理案例理论论坛暨社会管理创新案例颁奖典礼 2019-07-14
  • 光明网招聘时事新闻分析编辑 2019-07-14
  • Premiê chinês reúne-se com a imprensa 2019-07-11
  • 习近平:真抓实干埋头苦干万众一心 夺取脱贫攻坚战全面胜利 2019-07-11
  • 紫光阁中共中央国家机关工作委员会 2019-07-05
  • 北京公示东城区委常委、副区长陈之常拟为区长人选(图简历) 2019-07-05
  • 北京pk十赛车免费计划 二人好友斗地主可以吗 8大胜国际娱乐 彩票任务赚佣金的平台 大乐透35个红球规律 麻将规则打法 全讯新网五湖四海开奖 二十一点要牌技巧 时菜是什么 广东麻将 双色球19103蓝号 安徽时时十一选五开奖结果走势图 28计划软件 北京时时是国家的吗 北京pk拾计划软件app下载 北京赛车pk10软件赢彩