这里是顶部测试

W3C标准内容

Posted on 2019-12-19 17:16  李氏长歌  阅读(396)  评论(0编辑  收藏  举报

W3C标准:不是某一个标准,而是一系列标准的集合。

网页组成主要是三个方面:
1,结构
2,表现
3,行为

W3C对应的三个方面的标准:
1,结构化标准:
xhtml、xml
2,表现标准:
css
3,行为标准:

W3C DOM)、ECMAScript

 

标准规范:
一,需要声明
说明你用的XHTML或者HTML是什么版本

DTD(document type define)
xhtml声明类型:
1,过度的(Transitional)
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2,严格的(strict)
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3,框架的(frameset)
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


DTD(document type define)
html声明类型:
1,过度的(Transitional)
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"
2,严格的(strict)
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
3,框架的(frameset)
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " http://www.w3.org/TR/html4/frameset.dtd"

二,需要定义语言编码
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”/>

注:如果忘记了定义语言编码,可能会出现页面乱码现象。

三,javaScript定义
Js必须要用<script language="javascript" type="text/javascript">来开头定义,以保证在不支持js的浏览器上直接显示出来。

四,css定义
CSS必须要用<style type=“text/css”>开头来定义,为保证各浏览器的兼容性,在写CSS时请都写上数量单位。

五,注释格式
正确的应用等号或者空格替换内部的虚线。<!--这里是注释============这里是注释-->

六,所有标签的元素和属性名字都必须使用小写
与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。

七,所有属性值必须用引号括起来,双引号或单引号

八,把所有特殊符号用编码表示

九,所有属性必须有属性值

十,所有的标记都必须有相应的结束标记

十一,所有的标记都必须合理嵌套

十二,图片添加有意义的alt属性
图片加载失败时可以用alt属性表明图片内容。同理添加文字链接的title属性,帮助显示不完整的内容显示完整。

十三,在form表单中增加label,以增加用户友好度

<form>

<labelfor="firstname">first name: </label>

<inputtype="text" id="firstname"/>

</form>

 

W3C标准优点:
1,标签规范可以提高搜索引擎对页面的抓取效率,对SEO(搜索引擎优化)很有帮助。
2,尽量使用外链css样式表和js脚本。
是结构、表现和行为分为三块,符合规范。同时提高页面渲染速度,提高用户的体验。
3,样式尽量少用行间样式表,使结构与表现分离,标签的id和class等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版。


ps:jquery是以JS为基础开发出来的,所谓的w3c只针对html。

Copyright © 2024 李氏长歌
Powered by .NET 8.0 on Kubernetes

这里是页脚测试