xhtml知识及head部分名词解

W3C: World Wide Web Con???
DTD: Document Type Defination
DOCTYPE:Document Type
meta:?????
http-equiv:?????
xmlns: xml namespace

注意VS代码验证标准

三种DTD:
XHTML 1.0 提供了三种DTD声明可供选择:

过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>。完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML是HTML向XML过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是"http://www.w3.org/1999/xhtml"。
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">


XHTML语法规则要求所有的标识都必须有开始和结束。例如<body>和</body>、<p>和</p>等,对于不成对的标识,要求在标识最后加一个空格,然后跟一个"/"。


常用的meta
站点的简要介绍:
<meta name="description" content="新网页设计师。web标准的教程站点,推动web标准在中国的应用" /> 
站点的关键词:
<meta name="keywords" content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" /> 
第三步是定义你的语言编码,类似这样:
语言编码:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-8859-1等,根据你的需要定义。
<meta http-equiv="Content-Language" content="gb2312" />
这是针对老版本浏览器写的,以保证各种浏览器都能正确解释页面。

不常用的meta(对搜索引擎很有帮助)
允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索,推荐采用robots.txt方法
<meta content="all" name="robots" /> 
设置站点作者信息
<meta name="author" content=",阿捷" /> 
设置站点版权信息
<meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" /> 
站点的简要介绍(推荐)

样式表引用:
页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样: 
<style type="text/css"> <!-- body { background : white ; color : black ; } --> </style> 
外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。 
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

收藏夹小图标:
如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

posted on 2016-06-14 22:29  拼命三郎  阅读(101)  评论(0编辑  收藏  举报