html5学习7：HTML5元素背景知识

1、语义与呈现分离

HTML5中的一大主要变化是基本信念方面的:将元素的语义与元素对其内容呈现结果的影响分开。

HTML元素负责文档内容的结构和含义，内容的呈现则由应用于元素上的CSS样式控制。HTML文档的用户未必都需要显示它们，不掺合呈现方面的事有助于简化HTML的处理以及从中自动提炼含义。

HTML5中新增的大多数元素都有具体的含义。例如，article元素可以用来表示适于联合供稿的独立成篇的内容，而figure元素表示的自然是图片。

HTML4中的许多元素产生在呈现与含义分离观念形成之前。这造成了一种尴尬局面。以b元素为例,在HTML5之前的版本中, b元素会指示浏览器以粗体显示其开始和结束标签之间的内容。

b元素没有任何语义，它只起呈现方面的作用。保留那些旧元素是因为它们用得实在太广泛了。让HTML5抛弃那些HTML4元素是不切实际的，那样做无疑会减缓其被采用的进程。

2、元素选用的原则

2.1 少亦可为多

尽量不要将文档弄的标记密布，标记只应该应内容对语义的需要使用。

2.2 别误用元素

每个元素针对的是一种特定类型的内容——即便像b元素这类纯属呈现用途的元素也是如此。对内容进行标记时，只宜将元素用于它们原定的用途，不要创造自有的语义。如果找不到适合自己所要含义的元素，可以考虑使用通用元素(如span或div)，并且用全局属性class表明其含义。CSS样式不是类属性唯一的用途。

2.3 具体为佳，一以贯之

用来标记内容的元素应该选择最为具体的那个。如果已有元素能恰当表明内容的类型,就不要使用通用元素。HTML4中存在一种依赖div元素构建页面结构的倾向，其缺陷在于它们的语义并非显而易见。有些人或许会定义一个名为article的类，并且藉以应用各种样式,但是这样做所传达出的含义无法与使用article元素相提并论。
同样，同一个元素的使用在整个页面、网站或Web应用系统上要保持一致。对于作者来说,他们以后修改自己的HTML文档的工作可以因此更加轻松,对于要处理HTML文档的其他人亦然

2.4 对用户不要想当然

有人可能觉得HTML文档的用户关心的只是它在浏览器中的呈现结果，所以不用为标记的语义准确性劳神。呈现与语义分离原则的目的完全是为了让HTML文档更易于程序化处理，所以随着HTML5的采用和实现愈加广泛，HTML内容的这种使用会日益增多。如果不关心标记的准确性和一致性，这样的HTML文档处理起来更为困难，用户能为其找到的用处也很有限。

3、CSS中HTML元素分类

块元素：标签独占一行，可指定宽、高

行内元素：标签在一行内，宽度与高度由内容决定，只有在内容超过HTML的宽度时，才会换行

行内块元素：同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。<img>、<input>标签就是这种内联块状标签。和其他元素都在一行上；元素的高度、宽度、行高以及顶和底边距都可设置

4、ol元素说明

名词	解释
元素	ol
元素类型	流元素（块元素）
允许具有的父元素	任何可以包含流元素的元素
局部属性	start、reversed和type
内容	0个或多个li元素
标签用法	开始和结束标签
是否为HTML5新增	否
在HTML5中的变化	reversed属性是HTML5中新增的。在HTML4中已不赞成使用的start和type属性在HTML5中又得以恢复，不过其含义变成了语义（而不是呈现)方面的。compact属性不再使用
习惯样式	ol { display: block; list-style-type: decimal; margin-before: 1em; margin-after: 1em;margin-start: o; margin-end: o; padding-start: 40px; }