W3C 标准

作为一名前端开发工程师,了解 W3C 标准也是基础的一部分;

何为W3C标准: 不是一个标准,而是万维网联盟制定的一系列标准

针对于页面三个组成部分的标准,包括 结构(xml xhtml),表现(css),行为(Dom ECMAScript)

目的:

用一个程序的语言说,我们是转换器,目的就是让我们的页面、我们的程序能够支持所有的浏览器、能够满足尽可能多的用户;

标准内容:

1、什么是DOCTYPE

DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本

主要分为三个部分: 过渡的, 标准的, 框架的

2、名字空间 namespace

 

3、定义语言编码

 

为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-8859-1等,根据你的需要定义。

4、Javascript定义
Js必须要用<script language="javascript" type="text/javascript">来开头定义,而不是原来的<script language=javascript>或干脆直接<script>,并且需要加个注释符<!--   -->,以保证不在不支持js的浏览器上直接显示出代码来。 

5、CSS定义
CSS必须要用<style type=“text/css”>开头来定义,而不是原来的直接<style>,也不建议直接写在内容代码里如:<div style=”padding-left:20px;”></div>,并需要加个注释符<!-- --> 

6、不要在注释内容中使用“--”

7、所有标签的元素和属性的名字都必须使用小写

8、所有的属性必须用引号""括起来

9、把所有<和&特殊符号用编码表示

任何小于号(<),不是标签的一部分,都必须被编码为 &lt;
任何大于号(>),不是标签的一部分,都必须被编码为 &gt;
任何与号(&),不是实体的一部分的,都必须被编码为 &amp; 

10、给所有属性赋一个值

11、所有的标记都必须要有一个相应的结束标记

12、所有的标记都必须合理嵌套 

13、图片添加有意义的alt属性

14、在form表单中增加lable,以增加用户友好度 

遵循标准而开发页面,可以提高搜索引擎对页面的抓取效率,更有利于 SEO;

尽量少用行间样式,使结构和表现分离,利于维护;

 

参考地址: https://www.w3cschool.cn/xuexiw3c/xuexiw3c-standards.html

posted @ 2020-03-26 23:17  XLLANG  阅读(604)  评论(0编辑  收藏  举报