中文电子书
深入浅出html pdf中文版
魅丽的网页设计
Web程序设计(第5版)完整版
HTML &XHTML 权威指南(英文+中文版)
Web编程入门经典：HTML、XHTML和CSS (第2版)
CSS商业网站布局之道（朱印宏著）
HTML与CSS入门经典（第7版）
Eric Meyer 谈CSS (卷1)
Eric Meyer 谈CSS (卷2)
无懈可击的Web设计
XHTML实例精解
XHTML技术内幕
HTML简明教程 中文PDF版
Dynamic HTML权威指南 第3版
XML基础教程 入门、DOM、AJAX与FLASH（Sas Jacobs[美]著）
网页视觉设计案例教程
英文原文电子书
Dive Into HTML5
HTML5.and.CSS3：Develop with Tomorrow's Standards Today
HTML5 Step by Step
Beginning HTML with CSS and XHTML
Beginning CSS Web Development 从入门到精通
CSS Web Development从入门到精通
HTML,XHTML,and CSS - Visual Quickstart Guide 第六版
深入浅出HTML（英文版）
Transcending.CSS（英文版）
完美HTML设计 - 使用CSS不用Table (第二版)
HTML, XHTML, and CSS Bible, 5th Edition
CSS禅意花园 (高级CSS开发)
O'Reilly CSS: The Definitive Guide 第三版(CSS权威指南)
Sams Teach Yourself HTML5 in 10 Minutes (5th Edition)
HTML5 and CSS3: Develop with Tomorrow's Standards Today
Wrox Web Standards Programmer's Reference
Spring into HTML and CSS
The Essential Guide to CSS and HTML Web Design
HTML &XHTML - The Complete Reference第四版
XHTML Moving toward XML
Mastering Integrated HTML and CSS
Build your Own WebSite - The Right Way Using HTML and CSS
Head First HTML with CSS &XHTML
The Best Practice Guide to xHTML and CSS
The CSS Anthology (第三版)
The CSS Anthology (第二版)
Sams Teach Yourself HTML 4 in 10 Minutes
Teach Yourself HTML in 10 Minutes 第四版
Ultimate HTML Reference
高级进阶电子书：
中文电子书
HTML5高级程序设计（完整版）
css3_for_web_designers
CSS精粹(第3版)
CSS Web设计高级教程 第2版
大巧不工-WEB前端设计修炼之道
博客园精华集 Web标准之道
编写高质量代码-Web前端开发修炼之道（完整版）
变幻之美——Div+CSS网页布局揭秘(案例实战篇)
Web导航设计
Web表单设计:点石成金的艺术
精通XHTML程序设计高级编程
彻底设计研究CSS
CSS时尚编程百例
英文原文电子书
Don't Make Me Think!
Apress Pro CSS and HTML Design Patterns
Professional CSS: Cascading Style Sheets for Web Design 第二版
The Book of CSS3: A Developer’s Guide to the Future of Web Design
Accessible XHTML and CSS Web Sites: Problem - Design - Solution
How to Do Everything With HTML
O'Reilly CSS Cookbook
A Book Apart CSS3 For Web Designers
Speed Up Your Site: Web Site Optimization
O'Reilly Designing Web Navigation
Beginning CSS: Cascading Style Sheets for Web Design
The Ultimate CSS Reference
Wrox CSS Instant Results
CSS Mastery: Advanced Web Standards Solutions
Creating Cool Web Sites with HTML, XHTML, and CSS
Beginning HTML with CSS and XHTML: Modern Guide and Reference
Accessible XHTML and CSS Web Sites
O'Reilly CSS The Missing Manual
Wiley Creating Web Sites Bible
Pro CSS for High Traffic Websites
HTML Manual of Style 4th
O'Reilly HTML5: Up and Running
Stunning CSS3: A project-based guide to the latest in CSS
The Definitive Guide to HTML5 Video
Canvas Pocket Reference: Scripted Graphics for HTML5
Apress.Pro.HTML5.Programming.Sep.2010
Pro CSS Techniques
W3C官方手册：
CSS完全参考手册3.0
xHTML完全参考手册 5合1 W3C官方权威手册
HTML 4.01 规范 - W3C官方HTML权威指南
HTML 4.0 参考手册 CHM
W3C HTML 3.2 规范
CSS 2 权威W3C官方参考手册 CHM
css手册2.0 3.0
1. <!DOCTYPE>声明位于文档中的最前面的位置，处于 <html>标签之前。2. 此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
所以，楼主的这个声明：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。
另外，需要知道的是，HTML 4.01 规定的三种文档类型、XHTML 1.0 规定的三种 XML 文档类型都是：Strict、Transitional 以及 Frameset。
以下内容也是我百度出来的啊，是因为HTML1.0和4.0的关系。现在默认dreamweaver的声明均使用XHTML 1.0，有很多结构上的不同。
XHTML1.0是HTML4.0的重新组织,算是HTML4.01的修正版,发行命名为XHTML1.0。
XHTML1.0要求比较严格,跟HTML4.01有些差别,以XHTML1.0标准下列1-4项是绝对必要的也是不同于HTML4.01的地方。
网页制作使用Dreamweaver MX 2004,可以在
「编辑」-「偏好设定」-「新文件」-「将文件设为XHTML兼容」，然后新增HTML,就可以开始制作XHTML的网页。
以下我列出几点比较常见会发生的错误供参考:
1.所有卷标元素名称都使用小写
错误 <HTML><TITLE><HEAD><BODY>
正确 <html><title><head><body>
错误 <IMG SRC="BG.GIF" BORDER="0" alt="说明文字">
正确 <img src="bg.gif" border="0" alt="说明文字" />
错误 <UL><LI></LI></UL>
正确 <ul><li></li></ul>
以上只是举例,是"所有"卷标元素名称都必须是小写。
2.所有没有成对的空标签必须以 />结尾，<p></p>和<a href="home.html"></a>。
这就是成对错误： <br><hr>
正确 <br /><hr />
错误 <input type="text" name="name">
正确 <input type="text" name="name" />
错误 <meta ...>
正确 <meta ... />
错误 <link rel="stylesheet" type="text/css" href="style.css">
正确 <link rel="stylesheet" type="text/css" href="style.css" />
错误 <img src="bg.gif" border="0" alt="说明文字">
正确 <img src="bg.gif" border="0" alt="说明文字" />
3.不允许使用target="_blank"
在HTML4.01可以使用target="_blank",
但XHTML1.0是不被允许的,你可以改写为 target="new"
4.所有属性都必须有值
XHTML1.0规定所有属性都必须有值,若没有就必须重复属性作为值
错误 <input type="radio" value="v1" checked name="s1" />
正确 <input type="radio" value="v1" checked="checked" name="s1" />
错误 <option selected>S1</option>
正确 <option selected="selected">S1</option>
错误 <td nowrap>
正确 <td nowrap="nowrap">
5.非卷标一部分的符号以编码表示
窗体内包含以下符号也必须用编码表示
<以 <表示
>以 >表示
&以 &表示
程序中的连结 &也要改用 &
错误 <a href="foo.cgi?chapter=1§ion=2">
正确 <a href="foo.cgi?chapter=1§ion=2">
6.使用表格常犯的错误
我们在做表格通常会指定宽与高,例如:
<table border="1" width="300" height="55">
<tr><td>内容 </td></tr>
</table>
这样做是没有办法通过,W3C建议使用CSS来控制卷标元素的高度
.table{
height:55px
}
<table class="table">
<tr><td>TEXT </td></tr>
</table>
但是若使用太多表格,在CSS一一指定不同高,也不是好方法
其实很简单将高度height属性指定在储存格就可以了通过测试
<table border="0" width="300">
<tr><td height="55">TEXT </td></tr>
</table>
但这不是w3c希望的标准,建议能够使用div代替不必要的table
7.正确使用CSS样式表
一定要放在<head></head>之间
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
<!--
body{font-size:9pt}
-->
</style>
错误 <style>
正确 <style type="text/css">
建议全站的样式都写在.css文件中
8.同一个id选择器不可重复使用
一个网页中id="xx"同一个选择器不能重复使用,若需要重复请用class="xx"
9.绝对不可省略双引号或单引号
错误 style=font-size:9pt
正确 style="font-size:9pt"
错误 <img src=bg.gif width=140 height=30 alt=text />
正确 <img src="bg.gif" width="140" height="30" alt="text" />
错误 <a href=home>text</a>
正确 <a href="home">text</a>
10.标签必须是一对
<p></p>
<span></span>
<div></div>
11.图片卷标加上文字说明alt="说明"
错误 <img src="bg.gif" height="50" border="0" />
正确 <img src="bg.gif" height="50" border="0" alt="说明文字" />
12.正确的卷标顺序
错误 <b><i>文字</b></i>
正确 <b><i>文字</i></b>
13.批注文字不可包含--符号
错误 <!-- OEC--SPACE -->
正确 <!-- OECSPACE -->
14.JavaScript写法
Javascript我们通常会写为
错误 <script language="javascript">
W3C标准必须为程序指定类型type=text/javascript,所以要写为
正确 <script type="text/javascript">
或者 <script language="javascript" type="text/javascript">
载入外部.js独立档案的写法
正确 <script type="text/javascript" src="script.js"></script>
15. <embed>标签的争议
<embed>是Netscape的私有标签,W3C 从HTML3.2 HTML 4.01 到 XHTML 1.0 中都没有这个标签,所以使用<embed>的页面是不能通过标准测试。
W3C推荐使用 <object>标签,用<object>插入flash影片的代码可以写为:
<object type="application/x-shockwave-flash" data="index.swf" width="400" height="200">
<param name="movie" value="index.swf" />
</object>
但这样的写法可能IE5/IE6 Win浏览器版本会出现问题。想要符合标准又能在任何浏览器下正常显示,以下几个连结点提供参考:以下几个连结点提供参考:
torresburriel.com
A List Apart
<embed>标签因为广大的受到运用,不再标准范围引起很大的争议,想要解决这个问题,只能等IE浏览器对<object>有更好的支持或者W3C愿意收录<embed>标签。
16. XHTML 1.0文件类别宣告的正确写法 (不可小写)
用于一般网页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
用于框架页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
W3C标准测试网址 http://validator.w3.org/
网页自动测试网址 http://validator.w3.org/check?uri=referer
测试时一定要有「16.文件类别宣告」还有指定文件编码
<meta http-equiv="Content-Type" content="text/htmlcharset=big5" />
才能顺利进行测试动作,开始打造一个万维标准的网站吧!
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）