仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 960|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 带来一篇网站举行W3C XHTML1.0考证的履历

[复制链接]
再见西城 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:10:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
本文章是一名poluoluo.com的网友在举行网站更新与调剂时,举行W3CXHTML1.0考证的时分的一些履历。
总结出经由过程W3CXHTML1.0尺度必要注重的九个成绩:
1、在<divclass=tzh>IamTZH!</div>这段语句中有甚么毛病?
  标点标记成绩。这实在也是人人最简单无视的成绩,实在就是小小的两个引号,就形成了这个毛病。固然良多扫瞄器在不加引号的情形下仍旧能准确辨认衬着。可是如许想要经由过程严厉的W3CXHTML国际尺度是不成能的,请人人记着等号前面必定要接引号。准确写法:<divclass="tzh">IamTZH!</div>
2、在<SPANclass="tzh">TZHisme!</SPAN>这段语句中有甚么毛病?
  巨细写注重。这和第一个成绩一样,都是出格简单无视的细节成绩。在W3C尺度中是相对不同意年夜写的,个中我仍记得我在检测一段javascript代码的时分,因为为了让本人一览无余写出的onLoad也被判别成了毛病,缘故原由就是L不克不及年夜写。准确写法:<spanclass="tzh">TZHisme!</span>
3、在<p>IamTZH!</p><br><p>TZHisme!</p>这段语句中有甚么毛病?
  <br/>标签成绩。关于强迫换行标签<br/>来讲,良多老手都分不清它和<br>的区分,乃至在FCKeditor编纂器中偶然城市时不时冒出个<br>来充任<br/>。固然一样良多扫瞄器都能主动纠错,将<br>作为<br/>辨认。但最好的编纂办法仍是保举人人利用Dreamweaver举行编纂,当你按下Ctrl+Enter,就会主动写上一个<br/>。准确写法:<p>IamTZH!</p><br/><p>TZHisme!</p>
4、<h1>~tangzhehao~hey~</h1>这段语句中有甚么毛病?
  注重标签停止前面接的标点标记,良多标签停止后都不克不及接特别标点标记,好比这里的"~"海浪号,但你要问,那叫我怎样用呢?那就利用ISOLatin-1字符集(ISOLatin-1CharacterSet),在这里,查找到“~”海浪号绝对应的字符集十进制编码是~,然后就用这个十进制编码取代~海浪号,记着最初的分号不克不及丢。在ISOLatin-1字符会合以已定名实体(Namedentity)最优先,十进制编码(Decimalcode)其次,也就是说,一个标记在同时有十进制编码和已定名实体的时分,优先选用已定名实体而不利用十进制编码。
5、在<formid="54tzh"></form>这段语句中有甚么毛病?
  注重id和class特别情形。W3CXHTML1.0尺度中划定,在id或class中,第一个字符是不克不及是数字的,必需是字母。准确写法:<formid="tzh45"></form>
6、在
7、在<scriptlanguage="JavaScript">这段语句中有甚么毛病?
  <script>标签注重。W3CXHTML1.0尺度中划定,在<img>标签中,必需包含type元素。准确写法:<scriptlanguage="JavaScript"type=text/javascript>
8、在<div><h1>IamTZH!</div></h1>这段语句中有甚么毛病?
  注重标签入手下手停止按次对应。准确写法:<div><h1>IamTZH!</h1></div>
9、除下面的以外,还必要注重哪些成绩?
  注重特别套装。好比:<dl><dd><ul><li>等一些特别标签,套装按次中缺一不成。必需依照按次将<dl><dd><ul><li>四个标签写完整。相似的另有很多。
  注重未翻开标签。所谓未翻开来自于W3C检测,这类毛病显现的毛病是isnotopen,翻译过去也就是未翻开的意义。假如依照中文的意义来了解就是有首无尾大概有尾无首。一般这类毛病呈现的缘故原由都是由于有一段代码在修正的时分被删除,而没有顾及到绝对较远的停止大概入手下手标签。
总结出关于W3CCSS尺度的一些履历:
  1、罕用偏门。相似break-word断行,z-index手动分层,另有像垂直对齐等等这些偏门CSS最好罕用,由于纷歧定一切扫瞄器都撑持,并且极难经由过程W3C检测。
  2、center不是float的值。良多老手城市把center误以为是float的值,而恰恰不是云云。center只是text-align的值。
  3、对齐不克不及包含两个值。良多老手会在float大概text-align中填写两个值,好比:float:lefttop。这是不同意的,扫瞄器也没法辨认。
  4、转动条色彩最好不要自界说。良多扫瞄器不克不及一般辨认自界说色彩的转动条,何况良多自界说色彩都不克不及经由过程W3C。
  5、独自转动条设置。如今常常利用overflow-x(横向转动条)大概overflow-y(纵向转动条),在设置这个的时分常常会发明并非一切的客户端上都无效果,人人在设置的时分最幸亏body和html同时举行设置。但是这个CSS也不是CSS2.1撑持的(CSS2.1撑持overflow,同时界说横纵转动条),直到CSS3才撑持这类界说体例。只管罕用。
  6、background和color色彩不异会遭到告诫。关于更多的常识,您能够参考poluoluo.com的相干文章。

符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
兰色精灵 该用户已被删除
沙发
发表于 2015-1-18 05:28:18 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
分手快乐 该用户已被删除
板凳
发表于 2015-1-25 18:39:03 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
透明 该用户已被删除
地板
发表于 2015-2-3 17:30:07 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
深爱那片海 该用户已被删除
5#
发表于 2015-2-9 04:34:39 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
冷月葬花魂 该用户已被删除
6#
发表于 2015-2-27 00:20:31 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
山那边是海 该用户已被删除
7#
发表于 2015-3-8 19:38:48 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
飘飘悠悠 该用户已被删除
8#
发表于 2015-3-16 15:10:33 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
谁可相欹 该用户已被删除
9#
发表于 2015-3-22 23:52:31 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 01:07

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表