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" />
相关推荐
Tired of reading HTML books that only make sense after you're an expert? Then it's about time you picked up 'Head First ... You also want to do it right so you can actually maintain and expand your Web ...
Head First HTML与CSS、XHTML(中文版).pdf Head First HTML与CSS、XHTML(中文版).pdf
With Head First HTML with CSS & XHTML, you’ll avoid the embarrassment of thinking web-safe colors still matter, and the foolishness of slipping a font tag into your pages. Best of all, you’ll learn ...
Head First HTML与CSS、XHTML 第二版源码 https://blog.csdn.net/weixin_42214466/article/details/89354931,这里可以免费下载
XHTML知识点
Head First HTML with CSS and XHTML
这本书展示了学习创建符合工业标准的Web页面的完整历程——然而,除了阅读,你还会玩游戏、拼图、解谜题以及以你从未想象过的方式创建Web页面。并且,你还将学习HTML如何与CSS一起工作。哦,如果你从未听说过CSS,没...
Head First HTML与CSS、XHTML 中文版PDF
Head First HTML与CSS、XHTML 配套代码,适合初学者边看书边做实验
Tired of reading HTML books that only make sense after you're an expert? Then it's about time you picked up "Head First ... You also want to do it right so you can actually maintain and expand your Web ...
Head First HTML 与CSS XHTML的资源代码文件 Head First HTML andCSS,XHTML
Head First HTML与CSS、XHTML(中文版) 高清 PDF 电子书
Head.First.HTML与CSS.XHTML中文版 清晰扫描版,自己添加了书签,而且去掉了原pdf中扫描的坏页(不是跟原书内容有关的,从页码的连续性上可以看到,可能是原扫描者制作的失误,黑乎乎的一页,基本上是每章的最后一页...
DIV+CSS教程——第一天XHTML_CSS基础知识
Head.First.HTML.with.CSS.and.XHTML(中文版)
配合之前上传的《Head First HTML with CSS & XHTML》进行学习。 可能有点章节代码不对应,仔细区分一下就能找到。
然而,除了阅读,你还会玩游戏、拼图、解谜题以及以你从未想象过的方式创建Web页面。并且,你还将学习HTML如何与CSS一起工作。哦,如果你从未听说过CSS,没关系,我们不会告诉其他人你仍然停留在上个世纪末,但是,...
Head First HTML With CSS And XHTML Head First HTML With CSS And XHTML