W3C标准的理解_标准的概念是什么

大家好，又见面了，我是你们的朋友全栈君。

1. W3C是什么？

  W3C：万维网联盟（ World Wide Web Consortium），其定义了网页有三部分组成：结构（Structure）、表现（Presentation）、行为（Behavior），分别对应三个标准：   （1）结构标准主要包括：XHTML、XML等。   （2）表现标准主要包括：CSS等。   （3）行为标准主要包括：W3C DOM、ECMAScript等。

2. 标准内容

   (1)需要声明（DOCTYPE）     用来说明所用的XHTML或者XML是什么版本。    (2)需要定义语言编码

 <meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />

    若没有定义语言编码，页面可能会出现乱码。   （3）需要定义JavaScript     JS必须要定义成：

<script language="javascript" type="text/javascript">

  (4)需要定义CSS     CSS定义成：

<style type=“text/css”>

    保证各种浏览的的兼容。   （5）注释规则     <!– 这里为注释–>   （6）所有标签名和标签属性名都必须是小写     与HTML不同的是，XHTML对大小写敏感，XHTML要求所有标签名和标签属性名必须是小写。   （7）所有的属性的值必须加双引号“ ”或者单引号‘ ’   （8）所有特殊字符用编码表示     如：空格&nbsp; 小于&lt;  大于&gt; 和号&amp;等   （9）所有属性必须有值   （10）所欲标签都必须有结束标记   （11）所有标签必须合理嵌套   （12）图片添加有意义的alt属性     图片加载失败时可以用alt属性表明图片内容。同理添加文字链接的title属性，帮助显示不完整的内容显示完整。   （13）在form表单中增加label，以增加用户友好度

<form>
    <label for="firstname">first name: </label>
    <input type="text" id="firstname"/>
</form>

3.结论

  （1）标签规范可以提高搜索引擎对页面的抓取效率，对SEO（搜索引擎优化）很有帮助。

  （2）尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块，符合规范。同时提高页面渲染速度，提高用户的体验。

  （3）样式尽量少用行间样式表，使结构与表现分离，标签的id和class等属性命名要做到见文知义，标签越少，加载越快，用户体验提高，代码维护简单，便于改版

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/193272.html原文链接：https://javaforall.cn