在前面的文章里已经提到了HTML元素的分类（http://www.cnblogs.com/hnczty/archive/2011/09/06/2168685.html）。在HTML中使用的各元素，按照不同的特征和功能，可以分为：block元素（块级元素）、inline元素（内联元素）等概念，以及用样式表制定样式时不可或缺的<div>标签和<span>标签。
09、block元素与inline元素
block元素中包括条目、段落、图表、表单等，起输入数据的作用。可以认为它就是“一个整体、组织”。典型的block元素：
<h1>~<h6> 条目标签
<p> 段落标签
<blockquote> 引用标签
<ul>,<ol>,<li> 与表有关的标签
<div> 层，制作block元素的标签通常，block元素会形成一个占满整个横向区域的长方形，再加上宽/高（width/heigh）、余白（margin/padding）等属性，就构成了HTML文件的骨架。这一概念与样式表的盒子模型（box model）是相通的。两个block元素之间，浏览器经常显示空着一行。
inline元素通常作为block元素的内容。是给block元素内特定的部分（文本、图像等）加以装饰、赋予某种功能。inline元素内可以包含其他inline元素，但不能包含block元素。典型的inline元素：
a 链接标签
em 强调标签
strong 进一步强调标签
span 制作inline元素元素的标签
前面已提到了置换元素（元素指向内容的一个占位符），如<img>标签，这种元素不仅具有inline元素的性质，也有block元素的属性。有宽、高的概念。
两个inline元素连在一起时，浏览器通常显示为并列。
综上所述：block元素中可以包含其他block元素或inline元素；但反过来，block元素不能置入inline元素中。block元素总是在新行上开始；而inline元素则总是在同一行上开始。
（注意：原则上，紧挨着<body>标签的下方，可以放置block元素，但不可以放置inline元素或文本。）
10、<div>标签与<span>标签
用<div>标签给HTML文档内的文本、图像等元素分组，可以快速操作组内元素的样式。<div>标签可以包含<p>、<h1>等block元素，其间元素在HTML结构上没有特殊意义，只要样式的指定不改变，显示就不会改变。两个<div>标签之间不会出现空行。
像<stong>标签一样，<span>标签可以给inline元素的一部分指定样式，不过这个样式是原创性的。与<div>标签一样，<span>标签在HTML结构上没有特殊意义，只要样式的指定不改变，显示就不会改变。
11、一些特殊文字的编写
在HTML的make-up时，有时需要显示一些特殊文字：
" “(quptation mark)
& &(ampersand)
< <(less-than sian)
> >(greater-than sian)
(no-break space)
有时也需要显示一些特殊符号：
&cope; © （著作权标志）
® ® （注册商标）
™ ™ （商标）
… … （三点leader）
♥ ♥ （心）
（注意：这些编写方法使用的是“实体参照”原则，读者有兴趣可以百度一下。）
12、其他标签
网页中“联系我们”部分的编写方式有很多种。不显示在浏览器上的方法有：<meta>标签、comment标签（<!-- -->）。要显示在浏览器上，可以使用<address>标签。
（注意：其他的标签，如<abbr>标签（缩略语）、<acronym>标签（首字母缩写）等还待补充。）
扫一扫
1047
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
