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
4000
//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" />
- xhtml知识及head部分名词解
- xhtml知识及head部分名词解
- headFirst java学习笔记之一:基础知识部分(5.7)
- 知识堂:汽车名词解释-车身参数部分
- moon java 并发的基础知识--名词解释部分 以编程思想的第21章为基础
- HTML(XHTML)基础知识(一)——【head】
- 软件测试常见问题——(一)基础知识部分(转贴)
- 网页布局之一:XHTML CSS基础知识
- 《软件测试管理》第14章 软件测试常见问题——(一)基础知识部分
- 那点你不知道的XHtml(Xml+Html)语法知识(DTD、XSD)
- html或者JSP页面中head部分详解
- 第一部分:基础知识(第一章)
- 第一部分:基础知识(第一章)标准的Silverlight文件(续)
- java部分知识
- Activity 部分知识总结;
- Head First Servlets&JSP知识体系
- JavaScript精华知识之对象部分
- Python培训知识总结系列- 第二章Python数据结构第三部分-字典,集合
- 《Unix/linux编程实践教程》第二章部分习题相关知识整理
- html5 PC端head部分整理