大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
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)所有特殊字符用编码表示
如:空格 小于< 大于> 和号&等
(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等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/193272.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...