一个语义元素能够清楚的描述其意义给浏览器和开发者。
无语义 元素实例: <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