码迷,mamicode.com
首页 > 其他好文 > 详细

W3C标准

时间:2017-05-25 16:19:41      阅读:281      评论:0      收藏:0      [点我收藏+]

标签:文档对象模型   name   区别   语言   doc   实体   不同的   标题   png   

万维网联盟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标准

标签:文档对象模型   name   区别   语言   doc   实体   不同的   标题   png   

原文地址:http://www.cnblogs.com/fydxx/p/6903891.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!