w3c标准的深入理解

news/2024/9/18 1:35:34/

简介

    万维网联盟(外语缩写: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. 所有特殊符号用编码表示

    空格为&nbsp;、小于号(<)&lt、大于号(>)&gt、与号 & 、©号 &copy;

    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>

http://www.ppmy.cn/news/637728.html

相关文章

电商神器!教你如何利用数据分析打造销售奇迹!

能解决80%通用需求&#xff0c;提供销售、财务、广告、库存等电商数据分析主题的奥威BI电商数据分析方案一直都是比较神秘的存在。有说它风险低的&#xff0c;也有说它性价比高、效率高、可塑性高&#xff08;支持个性化开发&#xff09;&#xff0c;但说到底&#xff0c;这份B…

爬虫好搭档之 w3lib

time: 2018/04/10 w3lib 是scrapy的基础插件,用来处理html,灰常的好用,清理文本带有HTML标签的数据; 官方文档 w3lib.encoding.html_body_declared_encoding(html_body_str) 作用是返回网页的编码,如果网页有<meta charsetutf-8>就会返回utf-8w3lib.encoding.http_con…

w3school和w3cschool两个网站有什么关系和区别?

w3school地址&#xff1a;http://www.w3school.com.cn/ w3cschool地址&#xff1a;https://www.w3cschool.cn 其中w3cschool是应w3c中国组织官方而出的&#xff0c;而w3school是上海赢科投资有限公司进行投资的&#xff0c;但是是为了协助w3c中国组织而出的重点大家应该也看出…

W3C标准详解

W3C标准详解 w3c&#xff08;即万维网联盟 World Wide Web Consortium&#xff09;标准不是一个标准&#xff0c;而是一系列标准的集合。 网页主要有三部分组成结构&#xff08;Structrue&#xff09;&#xff0c;表现&#xff08;Presentation&#xff09;&#xff0c;行为(B…

w3c标准html,W3C标准及规范

1、DOCTYPE(document type)文档类型 用于说明你的XHTML或HTML是什么版本,其中的DTD为文档类型定义,里面包含了文档的规则,浏览器通过你定义的DTD来解释你页面的标识并展现出来,DOCTYPE是必不可少的关键组成部分,除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都…

服务器中W3SVC1文件夹的文件,c:\winnt\system32\logfiles\w3svc1\ 文件夹下面到底是记录什么样的文件,可以删除吗?...

c:\winnt\system32\logfiles\w3svc1\ 文件夹下面到底是记录什么样的文件&#xff0c;可以删除吗&#xff1f; 來源:互聯網 2010-05-04 21:11:00 評論 分類: 電腦/網絡 >> 操作系統/系統故障 問題描述: c:\winnt\system32\logfiles\w3svc1\ 文件夹下面到底是记录什么样的…

mysql中distinct是什么_数据库中 DISTINCT 的作用是什么?

展开全部 SQL数据库中&#xff0c; DISTINCT表示去掉重复的行&#xff0c;作用是针对包含重复值的数据表&#xff0c;用于返回唯一不同的值。语法是636f70793231313335323631343130323136353331333433623731SELECT DISTINCT 列名称 FROM 表名称。如果指定了 SELECT DISTINCT&am…

W3C标准包括什么?

W3C标准包括 结构化标准语言&#xff08;HTML、XML&#xff09; 表现标准语言&#xff08;CSS&#xff09; 行为标准&#xff08;DOM、ECMAScript&#xff09;

什么是W3C,相关标准是什么?

简述web与w3c标准的认识 web可以简单分为&#xff1a;结构、表现、行为。三部分独立开来使其模块化 w3c是对web做出规范&#xff0c;使代码更严谨&#xff0c;做出来的网页更易使用&#xff0c;维护。 w3c做出的规范可分为如下&#xff1a; 结构上&#xff1a;&#xff08;…

三星i9305水货手机鉴别方法

最近有机油问我三星i9305和韩版的i9300内存都是2G 这款手机怎么样&#xff0c;是韩版改的吗&#xff1f;会不会买到韩版改欧版的机器呢&#xff1f;下面给机友们说一下简单的鉴别方法。 三星i9305支持国外4G网络&#xff0c;2GRAM后盖有LTE的4g网络标识&#xff0c;韩版的i9300…

vue3中,通过路由传参的几种形式

1.query传参 // 在路由信息中&#xff0c;path需要配置如下内容 {path: "/test",component: () > import("/views/text/index.vue"),name: "Test",meta: {title: "测试模块",}, }// 组件1中传参给组件2// 组件1 const query { id…

三星否认在澳大利亚与苹果接近达成和解协议

北京时间 10 月 4 日消息&#xff0c;据国外媒体报道&#xff0c;三星电子周一表示&#xff0c;该公司并未与苹果在澳大利亚就平板电脑专利纠纷接近达成和解协议。 上周曾有报道称&#xff0c;三星电子委托律师已经向苹果提出了和解相关协议&#xff0c;好让旗下 Galaxy Tab 10…

不仅国产手机被撕下遮羞布,其实苹果和三星也已没了遮羞布

遮羞布可谓是被用烂的词&#xff0c;其实近期的诸多数据显示不仅是国产手机没了遮羞布&#xff0c;苹果和三星也被撕下了遮羞布&#xff0c;在全球手机市场变成如此模样的情况下&#xff0c;谁都没能逃过。 国产手机的遮羞布就是它们的高端化都是自欺欺人&#xff0c;国产手机一…

SN CSP-S2迷惑行为大赏

概述 本次CSP共有455位选手参加&#xff0c;有效文件夹有391个&#xff0c;理论.cpp数量391*31565个&#xff0c;实际.cpp数量1972&#xff0c;include数量2472&#xff08;如图&#xff09; 免责声明 本文出现的所有内容均为公开的比赛代码&#xff0c;如您感到不妥请私信作…

SWC介绍

SWC介绍 我们来看一下swc的官方介绍: SWC (stands for Speedy Web Compiler) is a super-fast TypeScript / JavaScript compiler written in Rust.swc的出现其实很大一部分原因是要替换掉工程中的babel&#xff0c;所以babel有的功能他几乎都有。 与babel最大的区别可能就是…

全文剧透:Come And See |《最后的生还者2》

昨天&#xff0c;当我望着艾莉那双映在电视机屏幕上的布满恐惧与愤怒的眸子时&#xff0c;思绪无法遏制地回到了我把一张表皮印着中年男人和小女孩的光碟从印刷极其简陋的封面纸中抽出&#xff0c;剥开塑料膜并放入PS3主机的七年前的遥远午后。但当我的眼泪随着艾莉不协调的断指…

终结者外传第二季大结局剧情及评论

从现实情况来看&#xff0c;本集有90&#xff05;的可能性是全剧最后一集&#xff08;第三季希望渺茫&#xff09;&#xff0c;可剧组不但没有解答剧中最关键的几个悬疑之处&#xff0c;反而增加了一大堆让人觉得匪夷所思的线索。本集开始出演员表的时候&#xff0c;扮演Derek的…

三星 0E 门序列号批次汇总 (Samsung SSD 0E Issue with affected SN)

开头 S6 是高危大家应该都知道了&#xff0c;但我还是想尽可能更精确地确定大概的批次范围&#xff0c;所以就有了以下不完全统计太长不看&#xff1a;以下为各型号存在已知中招案例的序列号开头&#xff0c;多集中在写入量 < 15T 发生&#xff0c;整体集中于 21 年全年 &am…

快速入门微信小程序

文章目录 快速入门微信小程序1、微信小程序的注册1.1 注册账户1.2 激活1.3 登记信息1.4 下载微信开发工具1.5 使用微信开发工具创建一个小程序 2、导入官方的Demo2.1 下载官方Demo2.2 导入官方Demo2.3 运行官方Demo 3、编写自己的Demo3.1 创建微信小程序3.2 微信小程序常见参数…

从数字图像到音视频学习:我的学习之旅

数字图像是一门广泛应用于计算机视觉、图像处理和计算机图形学等领域的学科&#xff0c;而音视频学习则涵盖了音频和视频的处理、分析和应用。 如果你最开始接触数字图像&#xff0c;可能会学习一些基本概念&#xff0c;例如像素、分辨率、色彩空间和图像处理算法等。这可能涉…