BlogJava-学习--共同努力-随笔分类-网页http://www.blogjava.net/rendong/category/13806.htmlzh-cnTue, 27 Feb 2007 19:03:51 GMTTue, 27 Feb 2007 19:03:51 GMT60DOCTYPE(文档类型)基础知识（转www.best-code.com）http://www.blogjava.net/rendong/archive/2006/08/05/61940.htmlrendongrendongSat, 05 Aug 2006 07:00:00 GMThttp://www.blogjava.net/rendong/archive/2006/08/05/61940.htmlhttp://www.blogjava.net/rendong/comments/61940.htmlhttp://www.blogjava.net/rendong/archive/2006/08/05/61940.html#Feedback0http://www.blogjava.net/rendong/comments/commentRss/61940.htmlhttp://www.blogjava.net/rendong/services/trackbacks/61940.html<a href='http://www.best-code.com'>www.best-code.com</a>
他们是什么和他们为什么是重要的？
所有的HTML和XHTML文档必须有一个有效的doctype声明。  

Doctype规定了文档使用的HTML或XHTML的版本。  

当校验的时候doctype被校验器使用，WEB浏览器通过它来决定那种渲染模式被使用。  

Doctype影响设备渲染web页面的方式。  

如果文档使用了正确的doctype，一些浏览器将切换到标准模式，那意味着浏览器会遵守更多的CSS规则。  

如果文档使用了正确的doctype，文档会渲染更快，因为浏览器不需要花时间去思考怎样正确地去渲染HTML。  
主要的几种DOCTYPE
HTML  4.01  Strict  
<!DOCTYPE  HTML  PUBLIC  "-//W3C//DTD  HTML  4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd">  

在上面的声明中，声明了文档的根元素是html，它在公共标识符为"-//W3C//DTD  HTML  4.01//EN"的DTD中进行了定义。浏览器将明白如何寻找匹配此公共标识符的DTD。如果找不到，浏览器将使用公共标识符后面的URL作为寻找DTD的位置。

HTML  4.01  Transitional
<!DOCTYPE  HTML  PUBLIC  "-//W3C//DTD  HTML  4.01  Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">

HTML  4.01  Frameset  
<!DOCTYPE  HTML  PUBLIC  "-//W3C//DTD  HTML  4.01  Frameset//EN"  "http://www.w3.org/TR/html4/frameset.dtd">  

XHTML  1.0  Strict  
<!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.0  Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  

XHTML  1.0  Transitional  
<!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.0  Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML  1.0  Frameset  
<!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.0  Frameset//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">  

XHTML  1.1  
<!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.1//EN"  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  

Standards  compliant  (or  strict)  and  quirks  modes
大多数浏览器有两种模式：怪异模式（quirks  mode  使用老的规则）和严格模式（strict  mode遵守标准）。Mozilla,  Safari,  Opera,  Mac/Explorer,  Windows/Explorer  6实现了这两种模式。Windows/Explorer  5和老的浏览器像Netscape  4执行的是怪异模式。

使用严格模式（strict  mode  或者说遵守标准的模式）有一些非常重要的原因。例如，Windows/Explorer  6  将会使用正确的盒模型（box  model）当使用strict  mode  时，而使用quirks  mode  时会执行错误的盒模型。另外在quirks  mode下，一些现代的浏览器将不允许fonts被继承。

XML声明需要吗？
W3C推荐在XHTML文档里使用XML声明，但也不是必须要这么做。所以这就要看开发者本人来决定了。如果有了这个声明,Windows/IE6将会忽略任何使用的doctype  而执行quirks  mode。XML声明看起来如下示：
<?xml  version="1.0"  encoding="utf-8"?>  

rendong 2006-08-05 15:00 发表评论
]]>网页中head的规则（转www.best-code.com ）http://www.blogjava.net/rendong/archive/2006/08/05/61939.htmlrendongrendongSat, 05 Aug 2006 06:58:00 GMThttp://www.blogjava.net/rendong/archive/2006/08/05/61939.htmlhttp://www.blogjava.net/rendong/comments/61939.htmlhttp://www.blogjava.net/rendong/archive/2006/08/05/61939.html#Feedback0http://www.blogjava.net/rendong/comments/commentRss/61939.htmlhttp://www.blogjava.net/rendong/services/trackbacks/61939.html必须加入的标签  
<a href='http://www.best-code.com'>www.best-code.com</a>
1.公司版权注释  
<!---  The  site  is  designed  by  Maketown,Inc  06/2000  --->  

2.网页显示字符集  
简体中文：<META  HTTP-EQUIV="Content-Type"  CONTENT="text/html;  charset=gb2312">  
繁体中文：<META  HTTP-EQUIV="Content-Type"  CONTENT="text/html;  charset=BIG5">  
英  语：<META  HTTP-EQUIV="Content-Type"  CONTENT="text/html;  charset=iso-8859-1">  

3.网页制作者信息  
<META  name="author"  content="hhlong.com">  

4.网站简介  
<META  NAME="DESCRIPTION"  CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">  

5.搜索关键字  
<META  NAME="keywords"  CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">  

6.网页的css规范  
<LINK  href="style/style.css"  rel="stylesheet"  type="text/css">  
(参见目录及命名规范)  

7.网页标题  
<title>xxxxxxxxxxxxxxxxxx</title>  

.可以选择加入的标签  

1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。  
<META  HTTP-EQUIV="expires"  CONTENT="Wed,  26  Feb  1997  08:21:57  GMT">  

2.禁止浏览器从本地机的缓存中调阅页面内容。  
<META  HTTP-EQUIV="Pragma"  CONTENT="no-cache">  

3.用来防止别人在框架里调用你的页面。  
<META  HTTP-EQUIV="Window-target"  CONTENT="_top">  

4.自动跳转。  
<META  HTTP-EQUIV="Refresh"  CONTENT="5;URL=http://www.hhlong.com">  
5指时间停留5秒。  

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。  
<META  NAME="robots"  CONTENT="none">  
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。  

6.收藏夹图标  
<link  rel  =  "Shortcut  Icon"  href="favicon.ico">  

所有的javascript的调用尽量采取外部调用.  
<SCRIPT  LANGUAGE="javascript"  SRC="script/xxxxx.js"></SCRIPT>  
www.best-code.com
附<body>标签：  
<body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景<body  bgcolor="#FFFFFF">  

rendong 2006-08-05 14:58 发表评论
]]>HTML特殊字符表（'http://www.best-code.com'）http://www.blogjava.net/rendong/archive/2006/08/05/61938.htmlrendongrendongSat, 05 Aug 2006 06:56:00 GMThttp://www.blogjava.net/rendong/archive/2006/08/05/61938.htmlhttp://www.blogjava.net/rendong/comments/61938.htmlhttp://www.blogjava.net/rendong/archive/2006/08/05/61938.html#Feedback0http://www.blogjava.net/rendong/comments/commentRss/61938.htmlhttp://www.blogjava.net/rendong/services/trackbacks/61938.html
想表达的意图 处理方式
（回车换行） <br>
 （空格符） &nbsp;
&（AND符号） &amp;
<（左尖括号、小于号） &lt;
>（右尖括号、大于号） &gt;
°（度） &deg;
•（间隔符） &#149;
´ &acute;
" &quot;
“ &ldquo;
” &rdquo;
‰ &permil;
← &larr;
↑ &uarr;
→ &rarr;
↓ &darr;
↔ &harr;
√ &radic;
∝ &prop;
∞ &infin;
∠ &ang;
∧ &and;
∨ &or;
∩ &cap;
∪ &cup;
Ø &Oslash;
∫ &int;
∴ &there4;
≈ &asymp;
¥（RMB） &yen;

<a href='http://www.best-code.com'>www.best-code.com</a>
想表达的意图 处理方式
≠ &ne;
≡ &equiv;
≤ &le;
≥ &ge;
⊕ &oplus;
λ &lambda;
μ &mu;
ν &nu;
ξ &xi;
ν &nu;
ξ &xi;
∏ &prod;
∑ &sum;
¥ &yen;
… &#133;
¹（一次方符号） &sup1;
²（平方符号） &sup2;
³（立方符号） &sup3;
nr（上标情形） n<sup>r</sup>
Ci（下标情形） C<sub>i</sub>
加粗 <b>加粗</b>
斜体 <i>斜体</i>
下划线 <u>下划线</u>
±（加减符号） &plusmn;
×（乘法符号） &times;
÷（除法符号） &divide;
©（版权所有） &copy;
®（注册商标） &reg;
™（商标符号） &trade;
—（破折号） &#151;


rendong 2006-08-05 14:56 发表评论
]]>