前言

W3C除了订出各标签规定外, 还提供了验证功能,
让网页的制作者检查是否真正都有依照W3C规定

如何达成W3C XHTML1.0标准网页
目前较常用的以XHTML1.0及HTML4.01为主
由于XHTML1.0是由HTML4.01演变而来, 几乎算是HTML4.01的修正版
若以严格角度来看的话, XHTML1.0算是较严格的了
虽然XHTML1.0和HTML4.01的规则十分相似, 但由于XHTML1.0是后者的修正版
前者的规定当然会较HTML4.01来得严格

较容易发生之错误
1.所有标签都必需使用小写
错误:<HTML> <Title> <BODY> <FonT>
正确:<html> <title> <body> <font>
2.所有卷标内之属性都要有值且不可省略双引号或单引号
错误:<a xhref=index.htm>连结</a>
正确:<a xhref="index.htm" mce_href="index.htm">连结</a>
若没有属性值就必需重复属性作为值, 如: 
错误:<frame noresize>
正确:<frame noresize="noresize">
3.所有标签必须成对, 若非成对需加上/在最后
错误:<li>米奇<li>米妮<li>布鲁托
正确:<li>米奇</li><li>米妮</li><li>布鲁托</li>
错误:<br>
正确:<br />
4.一个网页最少要包含的标签
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>标题</title>
</head>
<body>
内容
</body>
</html>
说明:通常中文网页以big5编码, 需加上以下这行于<head>与</head>之间: 
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
5.若要显示【<】【>】【&】的话, 需以其它值输入
例如要显示< >于网页中的话, 需填入: 
&lt; &gt;
若要显示&于网页中的话 
错误:&
正确:&amp;
6.卷标顺序不可错乱
错误:<b><p>文字</b></p>
正确:<b><p>文字</p></b>
7.批注文字中不可包含----
错误:<!--米奇实在是---太可爱了-->
正确:<!--米奇实在是太可爱了-->
8.图片卷标中都必需包含批注文字
批注文字就是当你把鼠标指针移至图片上时会出现的文字: 
错误:<img xsrc="mickey.jpg" mce_src="mickey.jpg">
正确:<img xsrc="mickey.jpg" mce_src="mickey.jpg" alt="这张图是米奇" />
8.XHTML1.0文件标头加于第一行
一般网页: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
框架页: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

验证
W3C提供网页或上传验证, 进入后填入网址
若不成功则会出现红色警示, 并会告知哪里有错误, 再依错误慢慢修改
W3C标准验证网页:http://validator.w3.org/

后记
讲到这里, 你有没有试着把其它的人网址贴上去验证看看呢?
因为大部份网页是制作给IE使用者, 所以几乎都不会完全通过W3C, 只要IE可以正常显示即可
若你已经试着把我的网页的任何一页都贴上去的话, 应该都会通过验证
举老师的教学网页当作例子, 除了首页之外, 大部份都不通过

左页选单的第39行未加双引号: 
错误: aux1 = insFld(foldersTree, gFld("<font color=blue>中文</font>输入"))
正确: aux1 = insFld(foldersTree, gFld("<font color="blue">中文</font>输入"))
基础网页制作-01认识HTML中的图片卷标都未加上批注(较容易出现的错误第8点)

其实真的要符合W3C规定吗?符合W3C规定可以让你的网页用任何浏览器浏览都是一样的
像有人如果针对IE在做网页的, 用Firefox浏览时可能就会出现不少与原来不同的设计
所以, 尽量符合W3C规定吧!

w3c关于Html的标准相关推荐

  1. WebRTC成为W3C和IETF正式标准

    喜欢就关注我们吧! 2021年1月26日,W3C(万维网联盟)和 IETF (互联网工程任务组)同时宣布 WebRTC(Web Real-Time Communications,Web 实时通信)现发 ...

  2. WebRTC 成为 W3C 与 IETF 正式标准

    整理 | 梦依丹  责编 | 张文 2021 年 1 月 26 日,万维网联盟(W3C)和互联网工程任务组(IETF)宣布,Web 实时支持多种服务的通信(WebRTC)现在已成为官方标准,可将音频和 ...

  3. w3c创建就web标准 例如html,WEB编程基础-中国大学mooc-题库零氪

    1. 概论 1-1 Web前端开发概述随堂测验 1.web系统前端是指系统中用户接触到的部分. 2.web系统后端主要负责完成系统功能,包括数据存取.系统安全等. 3.网页对应着的源文件包含一些代码, ...

  4. XML Schema全接触 (这里主要介绍W3C的Schema标准语法)

    来源:http://bbs.w3china.org/dispbbs.asp?BoardID=23&ID=27215&ReplyID=22178&skin=1 XML Schem ...

  5. W3C发布HTML5正式推荐标准 开放Web平台迎来新的里程碑

    W3C发布HTML5正式推荐标准 开放Web平台迎来新的里程碑 http://www.chinaw3c.org/html5-press.html 20142810月 W3C发布HTML5正式推荐标准, ...

  6. W3C 推出去中心化标识符作为 Web 标准

    DID 旨在为用户和组织提供更高的安全性和隐私性 根据万维网联盟 (W3C)的新闻稿,分散式标识符 (DID) 现在是官方网络标准. DID 是加密数字标识符,不依赖于任何中央机构.它们为个人和组织提 ...

  7. 初识HTML和WEB标准

    初识HTML和WEB标准 什么是 HTML? HTML 超文本标记语言的缩写(Hyper Text Markup Language) HTML 并不是编程语言,而是一种标记语言(markup lang ...

  8. [css] 你知道CSS的标准发布流程吗?

    [css] 你知道CSS的标准发布流程吗? 随着 CSS 3 的广泛应用,很多新的 CSS 属性层出不穷,有很多陌生的 CSS 属性出现,所以经常需要去学习新的 CSS 属性.新的属性往往介绍文章不多 ...

  9. 代码检验方案:前端代码w3c校验

    写再多的代码,要经常校验,才能发现自己的不足,尤其是初学者,犯错和不足实在难免,犯错才会印象深刻,记住改进便是进步.这次来推荐几个检验的方案. 免费在线检测你的网页中是否存在死链接.所链接网站的状态, ...

最新文章

  1. EJB学习(四)——Enterprise Bean(企业Bean)和Entity Bean(实体Bean)
  2. [转] Oracle中Blob转Clob
  3. 在linux文件共享接口,入坑Linux-day13(使用vsftpd服务传输文件、使用Samba或NFS实现文件共享)...
  4. 响应式网页设计应该注意的9个原则
  5. VS2012 UPDATE 2 发布了离线包
  6. 103.二叉树的锯齿形层次遍历:DFS解法
  7. SQL Server 2014 软件安装教程
  8. Node.js mm131图片批量下载爬虫1.01 增加断点续传功能
  9. Access 2016 - 学习笔记1 - Access中写SQL创建一个table
  10. 41款非常有创意的卡通图标大全可爱
  11. 逆流而上的黑胶唱片  数位趋势下的一支奇兵?
  12. 麦吉尔大学计算机工程的世界排名,麦吉尔大学计算机工程本科.pdf
  13. 小而美的城市,比鸭脖更诱人
  14. 高德地图 key 和 安全密钥 的使用
  15. 软件测试·系统测试·安全性测试
  16. 英语情景对话计算机的优缺点,英语口语考试情景对话互联网的利与弊
  17. linux esc 命令,如何将ESC/POS命令发送到Linux中的热敏打印机
  18. IP组播协议——IGMP协议之IGMPv1
  19. 不安全的直接对象引用
  20. Ion ABI 变更

热门文章

  1. 【最新可用】Oracle官网下载Oracle 11g XE
  2. 软件研发类应届毕业生培养考核的三个阶段
  3. Flink系列文档-(YY08)-Flink核心概念
  4. 有趣的转义字符,常见转义字符大全,转义字符速查手册 Escape character
  5. flask-restful 和 blueprint
  6. 算法:Smith数问题
  7. Mastering Selections in Photoshop CC Photoshop CC选区教程 Lynda课程中文字幕
  8. 理论+实操 :部署YUM仓库以及NFS资源共享服务————理论讲解
  9. 8. 监督学习的统计理论
  10. 第5篇-分析北京租房的房源信息