六、Web标准 | 青训营

67 阅读3分钟

一、Web标准的三个规范

1.结构

相当于人的身体。html就是用来制作网页的。

(1)HTML

  • 超文本标记语言,使用HTML语言描述的文件,需要通过WWW浏览器显示出来效果。
  • 可以加入图片、声音、动画和影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件链接

(2)XHTML

  • XHTML是HTML向XML的过渡语言
  • 其删除了部分表现层的标签,标准要求提高,有严谨的结构,所有标签必须关闭

(3)XML

  • 可扩展标记语言,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述
  • 它是一种简单的数据存储语言,使用一系列简单的标记描述数据

2.表现

相当于人的衣服。css就是对网页进行美化的。

  • 表现标准语言主要包括css,即层叠式样式表
  • 通过css样式可以使页面的结构标签更具美感,网页外观更加美观

3.行为

相当于人的动作。JS就是让网页动起来,具有生命力。

(1)DOM

DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件

(2)ECMAScript

ECMAScript是ECMA制定的标准脚本语言

二、代码标准

  • 必须结束标记 所有标签必须关闭,如果是单独不成对的标签,在标签最后加一个“/”来关闭它
例如:<br />
例如:<img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
  • 小写元素和属性名
XHTML对大小写是敏感的,XHTML要求所有的标签和属性的名字都必须使用小写
例如:<title><TITLE>是不同的标签
大小写夹杂是不被认可的
  • 标记都必须合理嵌套
例如:<p><b></b></p>,一层一层的嵌套必须是严格对称的
  • 属性必须括起来
例如:<height=80>必须修改为:<height="80">
  • 特殊符号用编码表示
<,不是标签的一部分,都必须被编码为&lt;
>,不是标签的一部分,都必须被编码为&gt;
&,不是实体的一部分,都必须被编码为&amp;
 (空格),不是实体的一部分,都必须被编码为&nbsp;
  • 给所有属性赋值
XHTML规定所有属性都必须有一个值,没有值的就重复本身
例如:<td nowrap> <input type="checkbox" name="shirt" value="medium"checked>
必须修改为:<td nowrap="nowrap"> <input type="checkbox" name="shirt"value="medium" checked="checked">
  • 在注释中不使用的符号
"-"只能发生在XHTML注释的开头和结束,在内容中它们不再有效
例如:<!--这里是注释-----------这里是注释-->(无效)

三、对W3C的认识

W3C对Web标准提出了规范化的要求,也就是在实际编程中的一些代码规范,如下:

1.对于结构的要求

  • 标签字母要小写
  • 标签要闭合
  • 标签不允许随意嵌套

2.对于CSS和JS的要求

  • 尽量使用外链css样式表和js脚本。使结构、表现和行为分为三块,符合规范。
  • 样式尽量少用行间样式表,使结构与表现分离,标签越少,加载越快,用户体验提高

四、Web标准和W3C规范区别

  • Web标准和W3C规范不完全相同,但有一定联系
  • Web标准是一个广泛的术语,涵盖了若干个由不同组织或机构颁发的标准、规范和指南,以确保Web应用程序在不同的平台和设备上都能够实现良好的互操性和可访问性
  • W3C是一个国际标准组织,致力于制定和推广网络标准。W3C规范是W3C组织发布的标准和规范,包括HTML,CSS,XML,DOM等Web技术和协议。