w3c标准的深入理解
简介
万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括 XHTML 和 XML,表现标准语言主要包括 CSS,行为标准主要包括对象模型(如 W3C DOM)、ECMAScript 等。这些标准大部分由万维网联盟(外语缩写:W3C)起草和发布,也有一些是其他标准组织制订的标准,比如 ECMA(European Computer Manufacturers Association)的 ECMAScript 标准。
标准规范
1. 声明文档类型(DOCTYPE)
DOCTYPE(document type)文档类型的简写,用来说明你用的 XHTML 或者 HTML 是什么版本。其中DTD 叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的 DTD 来解释你页面的标识,并展现出来。要建立符合标准的网页,DOCTYPE 声明是必不可少的关键组成部分;除非你的 XHTML 确定了一个正确的 DOCTYPE,否则你的标识和 CSS 都不会生效。 DTD声明有三种,过度的(Transitional)、严格的(strict)、框架的(frameset)
过度的: 要求非常宽松的 DTD,它允许你继续使用 HTML4.01 的标识(但是要符合 XHTML 的写法)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
严格的: 要求严格的DTD,你不能使用任何表现层的标识和属性,例如 <br>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
框架的: 专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
注意: DOCTYPE 声明必须放在每一个 XHTML 文档最顶部,在所有代码和标识之上
2. 定义语言编码
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
注意: 如果忘记了定义语言编码,可能会出现页面乱码现象
3. 定义Javascript
JS 必须要用 <script language="javascript" type="text/javascript">
来定义开头,以保证在不支持 JS 的浏览器上不会直接显示出代码来
4. 定义CSS
CSS 必须要用 <style type="text/css">
来定义开头,为保证各浏览器的兼容性,在写 CSS 时请都写上数量单位
5. 注释内不要使用 "-"
这样写 <!-- 这是注释---------这是注释 -->
是无效的,可以写成 <!-- 这是注释===========这是注释 -->
6. 所有标签的元素和属性名字都必须使用小写
XHTML 与 HTML 不一样,XHTML 对大小写是敏感的。<title></title>
和 <TITLE></TITLE>
是不同的标签。而XHTML要求所有的标签和属性的名字都必须使用小写,大小写夹杂也是不被认可的
7. 所有的属性的值必须用引号 " " 或者 ’ ’ 括起来
在 HTML中,你可以不需要给属性值加引号,但是在 XHTML 中,它们必须要加引号。例如:<height=80>
必须修改为:<height="80">
8. 所有特殊符号用编码表示
空格为
、小于号(<)<
、大于号(>)>
、与号 &
、©号 ©
等
9. 所有属性必须有属性值
XHTML 规定所有属性都必须有个值,没有值就是重复本身。<input type="checkbox" checked>
须改为:<input type="checkbox" checked="checked">
10. 所有的标记都必须要有一个相应的结束标记,也就是说标签必须闭合
在 HTML 中你可以写多个标签而不关闭它,如写 <p>
但是不写 </p>
,但是在 XHTML 中是不合法的,XHTML 要求有严谨的结构,所有标签必须是闭合的。如果有单独不成对的标签,要加 / 来关闭。 例如 ![在这里插入图片描述]()
11. 所有的标记都必须合理嵌套
<p><b></p></b>
须改为:<p><b></b></p>
12. 图片要添加 alt 属性和 title 属性
[外链图片转存失败(img-pEDt4Ro1-1562060566315)(https://mp.csdn.net/mdeditor/93874558)]
13. 在 form 表单中增加 label,以提高用户体验
<form><label for="name"> 用户名: </label><input type="text" id="name" />
</form>
w3c标准的深入理解相关推荐
- W3C标准英文文献翻译方案
翻译W3C标准英文文献方式 方案一:最简单最快捷的办法--去搜索有没有官方出的正式的中文版 方案二:(自行翻译并将成果转移至博客) 最有效率操作的办法: 找到英文文献 翻译一个章节前,先搜索相关章节或 ...
- 深入了解W3C标准及规范
引言 合格的前端工程师必须深入理解W3C标准和规范,很多前端招聘要求中也常常提到W3C标准和规范.许多新手或项目并不太遵循或忽略掉W3C标准和规范,这就不利于前端工程化和标准化. 概述 万维网联盟(外 ...
- 解决IE5、IE6、IE7与W3C标准的冲突(IE7.js IE8.js)
如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果. 这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug. 我们不得不找到一个能平衡于它们之间 ...
- [HTML] Google IE-x.js 解决IEx与W3C标准的冲突
如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果. 这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug. 我们不得不找到一个能平衡于它们之间 ...
- html标签名都是小写,到底啥是w3c标准(示例代码)
W3C标准 从两年前接触前端的时候,听说了 w3c 标准 ,是w3c(World Wide Web Consortium-世界万维网联盟)组织提出的web标准,印象中这个标准就是,行为(js) ...
- 使用JS提交form表单和w3c标准
情况1: <form name="myfrom" id="myform" method="get" action="b.ph ...
- w3c标准的网页内嵌播放器代码
Windows Media Player 代码: <object id="PlayerEx2" classid="clsid:6BF52A52-394A-11d3- ...
- 对CMMI标准的简单理解
CMMI用于帮助软件企业对软件工程的整个过程进行管理和改进,从而能按时.不超预算地开发出高质量地软件. CMMI全称为"Capability Maturity Model Integrati ...
- w3c标准语言的是什么,W3C标准及其规范 - Somuns的个人空间 - OSCHINA - 中文开源技术交流社区...
万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合. 网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior). 对应的标准也分 ...
- 如何让您的网站符合W3C标准
转自:http://一杯白开水w.iteye.com/blog/1122618 什么是W3C标准 作为网站技术开发人员而言,往往是站在自己的开发角度来实施网站布署(读取数据及开发的方便性等等 ...
最新文章
- matlab x12,用MATLAB最优化工具箱的相关函数编程求解: minf(X)=x12+2x22一2x1x2—4x1,X0=[0,0]T...
- 软件架构设计——解释器模式
- nginx 配置两个域名
- Postman 使用详解
- Spark Streaming的Exactly-One的事务处理
- 我为什么要写FansUnion个人官网-BriefCMS-电子商务malling等系统
- 计算机组装与维护预实验报告,计算机组装与维护实验报告.doc
- python 二分法调试代码,Python实现二分法
- [转]C#正则表达式小结
- python里的正则表达式
- Codeforces 36B - Fractal
- Veritas Backup Exec 21设置备份任务
- js设置css行内样式
- ts文件怎么合并转换成mp4?
- 《基于PAM4调制的50Gbit_s_BIDI光模块设计_陈春山》论文错别字
- odl源码系列一restconf模块
- 无轴螺旋输送机螺旋叶片的更换方法
- wlan连接的笔记本电脑+开启移动热点+手机无法连接【已解决】
- 数据结构中的elem,elemtype是什么
- C语言实现分数转化为小数(保留三位小数)