摘要
作为网站开发者，我们常常只顾着自己的便利，而忽略了用户体验和搜索引擎优化。这导致大多数网站在外观和易用性方面都有所欠缺。我们必须认识到这个问题，并采取措施来改善。
正文
做为网站开发开发者来讲,通常是立在自身的开发设计视角来实 施网址部署(获取数据及开发设计的便捷性这些),而不是立在网址来访者与百度搜索引擎视角。因而绝大多数的网址在访问 层面不足形象化或者便捷,尤其是如今w3c的标准,也是在绝大多数的网址开发者脑里一片空白。更何况百度搜索 、Google、msn、yahoo等技术专业百度搜索引擎更有自身的检索标准及分辨网页页面级别技术性,因此网址要,的目地只有一个：符合规定,合乎搜索引擎蜘蛛爬取的规范,更关键的是合乎网址来访者访问 的便捷及便捷性。下列文章内容中关键根据三个层面来叙述相关W3C!
什么叫W3C标准
W3C实际上便是World Wide Web Consortium,全世界因特网同盟的通称。W3C的工作职责便是明确将来因特网的发展前景,而且制订有关的强烈推荐(recommendation, 因为W3C是一个民间团体,沒有限制性,因而只给予提议)。HTML4.01标准提议(HTML4.01 Specification Recommendation)便是由W3C所制订的。它还承担制订XML,MathML等别的网络用语标准。
如何根据W3C标准的认证?
流程方式以下：
1、照片的alt=”” 特性务必每一张照片都再加上，并且两端对齐特性用CSS来界定。不用不可以根据XHTML 1.0的认证。
2、每一个文本文档务必再加上DTD申明。
a) !DOCTYPE html PUBLIC “-//W3C//DTDXHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
除掉后能根据认证，但有警示：No DOCTYPE found! Checking with default XHTML 1.0 Transitional Document Type.
3、RSS的XML根据时在其中的详细地址务必与检验的详细地址一致，不然会出错。
4、标识的连接特性再加上JAVASCRIPT事情时务必为#空链,不可以为javascript:;或javascript:void(null);
5、同一个网页页面之中，同名的的ID会造成矛盾。因此以ID界定款式的务必改为类引入。
<div id=”a1″>111</div>
<div id=”a1″>222</div>
假如无需W3C来检验得话，在CSS设计方案里是容许那样做的。
那就是程序流程的视角不可以同样，CSS上是能够同样的!
以前便是同样的造成难题，后边就改为类引入了!
6、不能省去引号或单引号。
a) 这一就是指特性，规范是引号~
单引号也可以根据认证。
7、标识中间不能移位嵌入。
<div class=”CaseDetaListSS”>全文连接：<a href=’/html/cases/cases_61.html’>官网</div></a>
它是不允许的。
8、全部的标识都应用小写字母。
9、FLASH的标识编码中不可以带有,务必选用其他的方式完成。
10、全部的标识中带有的特性务必有值(官方网的叫法)。
11、标识务必匹配进行,单标识务必以/关掉
12、JS和CSS外界引进文档务必再加上定义方法。
13、全部的款式所有写在外界文档。用类名界定。在应用的地区引入。
14、网页页面上的一些特殊符号务必用HTML编码来标志.如“&”写出“&“
没根据W3C 规范认证的缘故
每一次调整编码后要更新编码，使他们再次起效——一个小不正确经常会引起以后整篇的一连串不正确。因而假如实际操作不合理，“调整不正确”也很有可能引起大量不正确。每一次调整后使编码再次起效，那样就可以保证 彻底解决困难。
知道上边这种基本上的异常现象，下边Discuz模板网就讨论一下版式设计失效的好多个缘故。
1、div 标识未关掉
它是版式设计无效的最普遍缘故之一。在我们掌握到它是是多少精美的版面设计方案无效的元凶时，总是会大吃一惊。打开的div标识是最广泛的版面设计方案出错之一，也是较难确诊的出错之一。认证程序流程有时候会偏向不正确的打开div标识，确诊时如同海底捞针一样不便。
2、不便的embed标识
九十年代初期，Microsoft和Netscape的电脑浏览器逐渐可以分辨非标的特有字体样式。缺憾的是这代表着W3C认证程序流程还不可以鉴别一些重要HTML 标识，如“embed”，即便这种标识早已被普遍应用。假如的确期待获得严苛的DOCTYPE(文本文档种类)认证，就只有舍弃嵌入。
假如另外要想起效的版式设计和内嵌式新闻媒体，能够试一下Flash Satay方式。
3、不合理的DOCTYPE申明
不申明DOCTYPE，或是在文档逐渐不正确申明DOCTYPE，也是一个普遍不正确。依据一般工作经验，Strict DOCTYPE是大伙儿追求完美的最高级别认证。Strict validation说明你的网页页面可以在全部电脑浏览器上面获得最好展现。Strict 申明编码以下：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
4、末尾斜杠
假如你的网址不可以认证，很有可能是在编码的某一地区漏写了末尾斜杠。大家非常容易忽视末尾斜杠这类的物品，特别是在image标识等原素中。比如：
在严苛的DOCTYPE中它是失效的。要在img标签结尾再加上“/”以处理此难题。
<img src=”” alt=””>
5、Align标识
假如DOCTYPE被设成Transitional，你也就会应用“align”标识，但假如规定高些一点期待获得Strict认证，你能见到许多不正确。 Align是另一个不能用以版式设计的标识。能够试着用“float”或是“text-align”来替代align变换原素。
6、JavaScript
假如早已申明Strict DOCTYPE，就必须在JavaScript中遮盖CDATA标识。认证程序流程的这一方面难住了许多程序猿，由于网址趋向于为广告宣传和跟踪脚本制作应用置入的 JavaScript。假如务必采用JavaScript，能够在其前后左右再加上以下标识：
<script type=”text/javascript”>
/* <![CDATA[ */
// JavaScript here
};
/* ]]> */
</script>
7、图象必须“alt”特性
你很有可能都还没注意到，图象也是高級认证的潜在性拦路虎。除开末尾斜杠，高級认证也规定用alt标签来叙述图象，如alt= ”Scary vampire picture”.
百度搜索引擎也靠alt标签来鉴别网页页面上的图象，因此不管怎样再加上alt标签一直好的。
8、不明实体线数据信息
实体线数据信息是又一个危害认证的易做错事。我们可以考虑到用适度的编号标识符来替代“&”等标记。entire list中列举在XHTML版面设计方案中可以用的适度的编号标识符实体线数据信息。
9、欠佳嵌入
嵌入便是原素里又包含原素，以下所显示：
<div><strong>Sweet!</strong></div>
大家非常容易搞混嵌入原素的次序。比如在div标识前运行strong标识，但又先关掉div标识。这很有可能始终不变版面合理布局，但却会使你的版面设计方案无效。
10、缺乏“title”标识
虽然这看起来是一个很显著的不正确，许多程序猿(包含自己)或是常常会在“head”版面中忽略title标识。如果你见到“missing a required sub-element of HEAD”(缺乏HEAD的必需子原素)时，才会察觉自己忘掉加上title标识了。
关注不迷路
扫码下方二维码，关注宇凡盒子公众号，免费获取最新技术内幕！
评论0