熟悉w3c标准_w3c规则

熟悉w3c标准_w3c规则简介    万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3CDOM)、ECMAScript等。这些标准大部分由万维网联盟(外…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

简介

    万维网联盟(外语缩写: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>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/192487.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • jmeter进阶-webservice接口「建议收藏」

    jmeter进阶-webservice接口「建议收藏」常用的接口类型http、webservice(soap)、websocket、dabbo如何判断接口是否为webservice:(1)询问开发可知;(2)通过地址查看可知(结尾是wsdl);

    2022年7月4日
    25
  • 2020年Android面试题汇总(初级)-简书_android经典面试题

    2020年Android面试题汇总(初级)-简书_android经典面试题Android面试题及答案(2022年最新Android面试题大全带答案),发现网上很多Android面试题整理都没有答案,所以花了很长时间搜集,本套Android面试题大全,Android面试题大汇总,有大量经典的Android面试题以及答案,包含Android语言常见面试题、Android工程师高级面试题及一些大厂Android开发面试宝典,面试经验技巧等,应届生,实习生,企业工作过的,都可参考学习!这套Android面试题汇总大全,希望对大家有帮助哈~此面试题合集分为9个部分:Java基础、And

    2022年8月28日
    4
  • Java解析XML(4种方法)「建议收藏」

    Java解析XML(4种方法)「建议收藏」xml文件&amp;amp;amp;amp;amp;amp;lt;?xmlversion=&amp;amp;amp;amp;amp;quot;1.0&amp;amp;amp;amp;amp;quot;encoding=&amp;amp;amp;amp;amp;quot;utf-8&amp;amp;amp;amp;amp;quot;?&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;

    2022年6月4日
    26
  • SLAM 综述_综述翻译

    SLAM 综述_综述翻译SLAM概述参考资料分享来自本人博客:https://blog.csdn.net/Darlingqiang/article/details/78840931SLAM一般处理流程包括track和map两部分。所谓的track是用来估计相机的位姿,也叫front-end。而map部分(back-end)则是深度的构建,通过前面的跟踪模块估计得到相机的位姿,采用三角法(triangulation…

    2025年8月2日
    3
  • java jps_java11教程–jps命令

    java jps_java11教程–jps命令您可以使用该jps命令列出目标系统上已检测的JVM。概要注意:此命令是实验性的,不受支持。jps[-q][-mlvV][hostid]**jps[-help]-q抑制类名,JAR文件名和传递给该main方法的参数的输出,从而仅生成本地JVM标识符的列表。-mlvV-m显示传递给main方法的参数。输出可能是null针对嵌入式JVM的。-l显示应用程序main类的完整软件包名称或应用程序JA…

    2026年1月30日
    6
  • matlab最优化问题的函数(fminbnd),fmincon,globalsearch,multistart(全局局部最优)

    matlab最优化问题的函数(fminbnd),fmincon,globalsearch,multistart(全局局部最优)在讨论优化问题时我们先来讨论全局最优和局部最优全局最优:问题所有的可能解中效果最好的解。局部最优:问题的部分可能解中效果最好的解。一个针对的全局,一个针对的部分。就像我们设初值一样,设置了以后函数开始迭代变化。这时可能出现两种现象①迭代到一个解,该解距离初值较近,此处该值很有可能是局部最优。②迭代到一个解,该解距离初值相对较远,此处该值很大可能是全局最优,当然也可能是局部最优。上…

    2022年5月8日
    307

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号