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" />
相关推荐
《Head First HTML与CSS、XHTML 配套代码》是一本专为初学者设计的教材,旨在帮助读者从零开始掌握网页制作的基础知识。这本书通过直观、趣味的方式讲解了HTML、CSS以及XHTML的核心概念,使得学习过程既轻松又有效。...
《Head First HTML与CSS、XHTML(中文版)》是一本深入浅出介绍网页制作基础知识的书籍,适合初学者和有经验的开发者作为复习之用。这本书以生动、直观的方式讲解了HTML、CSS以及XHTML这三种在网页设计中至关重要的...
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,这里可以免费下载
DOCTYPE>`声明、`<html>`标签、`<head>`部分和`<body>`部分。其中`<!DOCTYPE>`声明定义了文档类型;`<head>`部分包含了文档的元数据,如标题、样式表链接等;`<body>`部分则包含网页的主要内容。 - **基本标签**:...
本书采用了一种独特且引人入胜的教学方式,通过丰富的图像、幽默的插图以及互动性的布局,帮助读者更轻松地理解和掌握这些Web开发的基础知识。 HTML(HyperText Markup Language)是构建网页内容的主要语言,它允许...
《Head First HTML与CSS、XHTML 中文版》是一本专为初学者设计的IT教材,旨在帮助读者轻松掌握HTML、CSS以及XHTML的基础知识。这本书以独特且富有视觉吸引力的方式呈现信息,使得学习过程更加生动有趣。以下是本书中...
这本书展示了学习创建符合工业标准的Web页面的完整历程——然而,除了阅读,你还会玩游戏、拼图、解谜题以及以你从未想象过的方式创建Web页面。并且,你还将学习HTML如何与CSS一起工作。哦,如果你从未听说过CSS,没...
XHTML的基本结构由文档类型声明(DOCTYPE)、HTML标签、HEAD标签和BODY标签组成。DOCTYPE声明定义了文档遵循的XHTML版本,如`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
《Head First HTML与CSS、XHTML (中文版)》是一本专门针对初学者的快速入门书籍,它详尽地介绍了HTML(超文本标记语言)的创建和基础知识,以及如何使用CSS(层叠样式表)和XHTML(可扩展超文本标记语言)来设计...
### XHTML语言基础语法知识 #### 一、XHTML概述 XHTML(可扩展超文本标记语言)是由W3C组织提出的一种更为严格、规范的HTML版本。随着互联网的发展和技术的进步,原有的HTML面临着诸多问题,例如代码冗余、不规范...
这本书以其独特的教学方式,采用生动、直观的图像和互动性极强的例子,帮助读者深入理解HTML(超文本标记语言)、CSS(层叠样式表)和XHTML(可扩展超文本标记语言)的基础知识。书中提供的代码资源是辅助学习的重要...
总的来说,《HeadFirst深入浅出_HTML与CSS、XHTML》是一本适合初学者的全面教程,它不仅涵盖了HTML和CSS的基础知识,还介绍了XHTML的相关内容,旨在让读者在轻松愉快的氛围中掌握网页开发的基本技能。配合提供的高清...
《Head First HTML与CSS,XHTML》是一本深入浅出的IT教材,专注于教授Web页面构建的基础知识。这本书以其独特的教学方式,通过丰富的图像、趣味性的设计和互动性极强的练习,帮助读者轻松掌握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的核心概念。 HTML(超文本标记语言)是网页设计的基础,它定义了网页的结构和内容。在...
《Head First HTML、CSS与XHTML》是一本专注于现代网页标记和展示实践的入门书籍,它不...因此,《Head First HTML、CSS与XHTML》是一本适合所有层次的读者的参考书,无论是完全的初学者还是需要更新知识的进阶读者。
《Head First HTML与CSS、XHTML》是一本专为初学者设计的编程教材,它以其独特的教学风格,结合了神经生物学、认知心理学和学习理论,旨在以一种生动有趣的方式教授HTML(超文本标记语言)和CSS(层叠样式表)的基础...