W3C标准

Posted 2020-09-19 放羊的星星bky

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了W3C标准相关的知识，希望对你有一定的参考价值。

万维网联盟World Wide Web Consortium（W3C）创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构。

W3C标准不是某一个标准，而是一系列标准的集合。

一、html与XHTML

超文本标记语言（HyperText Markup Language）是标准通用标记语言（Standard Generalized Markup language，缩写SGML）下的一个应用。通常我们所说的HTML指的是HTML4.01。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

1、简述：HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

2、HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

3、HTML 文档 = 网页

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页

4、例子解释

<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落

XHTML，即可扩展标记语言（Extensible HyperText Markup Language）是标准通用标记语言下的一个子集。目前版本是XHTML1.0。

1、简述：XHTML 是更严格更纯净的 HTML 代码。

XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。
XHTML 的目标是取代 HTML。
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是作为一种 XML 应用被重新定义的 HTML。
XHTML 是一个 W3C 标准。

2、区别：

XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。（所有的 XHTML 元素必须被嵌套于 <html> 根元素中。）

二、W3C标准

上文提到，W3C标准指的不是一个标准，而是一系列标准的集合。

网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。

对应的标准也分三方面：

结构化标准语言主要包括XHTML和XML
表现标准语言主要包括CSS
行为标准主要包括文档对象模型（DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。

这里先插入比较旧的HTML4.01标准：

1、<html>元素：必不可少的元素之一

网页总是以一个DOCTYPE开始，紧接着，<html>元素必须出现在网页的开头和结尾。因此，在DOCTYPE之后，网页的<html>标记开始，以</html>标记结束，而网页的其他东西都包含在里面。

2、使用<head>和<body>让你的网页更好。

只有<head>元素和<body>元素可以直接包含于<html>元素，也就是其他任何元素都必须毫无例外地包含于<head>元素或<body>元素。

3、<head>元素里必须有<title>元素。

我们总是给<head>元素一个<title>元素，这是规则。不这么做将导致HTML不合法。<head>元素是可以放置<title>元素，<meta>元素和<style>元素的唯一地方。

4、只使用有用的块元素填充<body>

只能在<body>元素里直接放置块元素(<h1>,<h2>,...,<h6>,<p>,<blockqoute>等）。所有的内联元素和文本都必须在块元素中才能运行。

5、让块元素远离内联元素

只有文本和其他内联元素可以嵌入内联元素中。块元素在任何情况下都不允许包含在内联元素里。

6、块元素禁止包含在<p>元素之中

只有文本才能组成段落，所以块元素不允许包含在<p>元素中。当然，只要你喜欢，可以在段落里使用所有的内联元素(<em>,<a>,<strong>,<img>,<q>等）

7、列表只能包括列表项目

只有<li>元素允许放在<ul>元素和<ol>元素里。因此，只有列表项才能放在有序或无续列表里。

8、列表项可以是任何内容

对于<li>元素的规则很宽松：你可以添加文本、内联元素或块元素到列表项里面。

9、<blockqoute>块引用

在HTML4.01中，文本直接包含于块引用很常见。如果把页面作为 XHTML 进行验证，那么 <blockquote> 元素必须包含块级元素。

10、内联元素相互嵌套时要小心

可以将任意内联元嵌入到另一个内联元素中，但有两种情况例外。<a>元素决不能自嵌套，因为那样用户不易理解。另外，据规定空元素（如<img>）中不能嵌套其他内联元素。

XHTML标准：

相较于HTML4.01，XHTML1.0有以下特性：

1.所有的标记都都要闭合
所有的标记都要闭合,如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如：

<h6>close tag </h6>
<img src="../avg.png" alt=’avg’/>
<br />

2.所有标签的元素和属性的名字都必须使用小写
与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。

例如：<BODY>必须写成<body> <DIV> 要写成 <div>

3.所有的XML标记都必须合理嵌套
<p><b> </p></b> 必须修改为： <p> <b> </b> </p>

就是说，一层一层的嵌套必须是严格对称。

4.所有的属性必须用引号（单或双）包括
在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。

<height=80> 必须修改为： <height="80″>

5.把所有<和&特殊符号用编码表示
任何小于号（<），不是标签的一部分，都必须被编码为& l t ; 任何大于号（>），不是标签的一部分，都必须被编码为& g t ; 任何与号（&），不是实体的一部分的，都必须被编码为& a m p;
注：以上字符之间无空格。

6.给所有属性赋一个值
XHTML规定所有属性都必须有一个值，没有值的就重复本身。

<input type="checkbox" name="shirt" value="medium" checked>
必须修改为：
<input type="checkbox" name="shirt" value="medium" checked="checked">

7.不要在注释内容中使"--"
"--"只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。


需要用等号或者空格替换内部的虚线。


注：-- 之间无空格

8.图片必须有说明文字每个图片标签都必须有alt说明文字。
<img src="ball.jpg" alt="large red ball" />

CSS规范： 详见CSS规范。

关于DOM，请大家直接访问w3school进行学习。

以上是关于W3C标准的主要内容，如果未能解决你的问题，请参考以下文章