指定不同的HTML版本
元素的标识和分组
注释、meta信息和内联框架
前面章节介绍了那些集中说明或分类讲解的大部分标签,本章将针对那些不容易集中讲解的内容讨论一些有用的话题
- HTML的不同版本以及如何指定你要使用哪个版本
- 如何向代码添加注释
- 全局特性,即可用于任何元素上的特性,包括class特性和id特性
- 在其他元素不适用的情况下,用来将页面不同部分组合在一起的元素
- 如何使用内联框架在网页中镶嵌网页
- 如何利用元素添加网页的相关信息
- 添加尖括号和版权符号等字符
HTML的演变过程
HTML4
XHTML1.0
- 每个元素都要有一个结束标签
- 特性名称必须使用小写字母
- 所有特性都必须对应一个特性值,所有特性值都必须置于双引号中
- 不能再使用过时的元素
- 如果一个元素在另一个元素中开始,那么它应该在同一元素中结束
HTML5
在HTML5中,网页设计人员不需要关闭所有的标签,一些新的元素和特征将被引入HTML5中
文档类型 DOCTYPE
HTML中的注释
<!– –>, 如果你希望在代码中添加一段不会显示在用户浏览器上的注释,可以在以下字符之间添加相应的文本
<!— comment goes here–>, 为你的代码添加注释是一个良好的习惯。
ID特性
每个HTML元素都可以附带id特性。id特性用来从页面上的其他元素对一个元素进行唯一标识,它的值应该以字母或下划线开头(不能是数字或其他字符)。在一个页面中没有哪两个的元素id特性值是相同的。
由于可用于任何元素上,id特性被称为全局特性。
class特性
每个HTML元素都可以附带一个class特性。有时候,你希望有一种方法可以指定多个元素并将这些元素和页面上的其它元素区分出来,而不是单独指定文档中的某个元素。为此,你可以使用class特性。class特性的值应该指明它所属的类。任何元素上的class特性都可以共用相同的值。
块级元素
有些元素在浏览器窗口中显示时总是另起一行,这种元素被称为块级元素。
块级元素的实例包括<h1>/<u1>/<p>/<li>等。
内联元素
有些元素在显示时总是与它邻近元素出现在同一行。这种元素被称为内联元素
内联元素的实例包括<a>/<b>/<em>/<img>等。
将文本和元素集中在一个块级元素中 <div>
<div>元素允许你将一组元素集中到一个块级元素内。
如果在<div>元素上使用id特性或者class特性,就意味着你可以通过创建CSS规则来指定<div>元素会在屏幕上占据多少空间,还可以改变其内部所有元素的外观。
将文本和元素集中在一个内联元素中 <span>
<span>元素就像是<div>元素的内联版本。用来:
在没有其他合适元素的情况下包含一段文本并将其与周围的文本区别开来
包含若干个内联元素
使用<span>元素最常见的原因就是可以利用CSS来控制<span>元素中的内容的外观。
内联框架
<iframe> 内联框架就像在你的网页里分割的小窗口–你可以在这个小窗口中看到另一个网页。iframe这一术语是 inline frame的缩写
在网页中嵌入Google地图是内联框架的一种常见方式。
内联框架是由<iframe>元素创建的,需要知道如何使用它的几个特征
src 特性指定要在框架中显示的页面URL
height 特性指定内嵌框架高度的像素值
width 特性指定的内嵌框架宽度的像素值