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、把所有<和&特殊符号用编码表示
任何小于号(<),不是标签的一部分,都必须被编码为 <
任何大于号(>),不是标签的一部分,都必须被编码为 >
任何与号(&),不是实体的一部分的,都必须被编码为 &
10、给所有属性赋一个值
11、所有的标记都必须要有一个相应的结束标记
12、所有的标记都必须合理嵌套
13、图片添加有意义的alt属性
14、在form表单中增加lable,以增加用户友好度
遵循标准而开发页面,可以提高搜索引擎对页面的抓取效率,更有利于 SEO;
尽量少用行间样式,使结构和表现分离,利于维护;
参考地址: https://www.w3cschool.cn/xuexiw3c/xuexiw3c-standards.html