语义元素

一个语义元素能够清楚的描述其意义给浏览器和开发者。

无语义 元素实例: <div> 和 <span> - 无需考虑内容.

语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容.

HTML5中新的语义元素

许多现有网站都包含以下HTML代码： <div id="nav">, <div class="header">, 或者 <div id="footer">, 来指明导航链接, 头部, 以及尾部.

HTML5提供了新的语义元素来明确一个Web页面的不同部分:

• <header>
• <nav>
• <section>
• <article>
• <aside>
• <figcaption>
• <figure>
• <footer>

语义元素的分类：

HTML元素，至少有两种不同的语义分类，甚至是三种不同类型的语义单元，即结构语义，内容语义，修饰形容语义（structural semantics, content semantics, and rhetorical semantics），这里对属性的语义还不能清楚的表述，但是似乎也可以分成结构语义和其他的可以延伸HTML的语义类别。

 

（1）HTML元素的语义类别

 

结构

 

这些元素的语义定义了他们在文档中扮演着的结构的角色

 

以下为引用的内容：

div

span

ol, ul, li, dl, dt, dd

del, ins

h1...h6

p

 

内容

 

这些元素的语义定义了在文档中表示内容标记的语义

 

以下为引用的内容：

a

abbr

acronym

address

blockquote

cite

code

dfn

kbd

q

samp

var

 

修饰形容

 

这些元素起到对内容的修饰和形容

以下为引用的内容：

strong

em

 

并无完全清楚的

 

不完全知道以下元素应该属于什么分类，看似三者都不是又或者都涵盖了

 

以下为引用的内容：

blockquote

site

q

 

（2）HTML属性的分类

 

这是比较难分类的部分，他可以作用在大部分的HTML元素中，通常属性是对元素语义的一个扩展和延伸

 

内容

 

以下为引用的内容：

alt

cite

datetime

lang

longdesc

title

 

延伸

 

以下为引用的内容：

class

id

rel

rev