整体结构的语义类标签
<body>
<header> (通常出现在前部，表示导航或者介绍性的内容)
<nav>
……
</nav>
</header>
<aside> (表示跟文章主体不那么相关的问题、包含导航、广告等工具性质的内容)
<nav>
……
</nav>
</aside>
<section>……</section>
<section>……</section>
<section>……</section>
<footer> (通常出现在尾部，包含一些作者信息、相关链接、版权信息等)
<address>……</address> （表示文章（作者）的联系方式，明确的只关联到article和body）
</footer>
</body>
注意：aside 和 header 中都可能出现导航（nav 标签），二者的区别是，header 中的导航多数是到文章自己的目录，而aside中的导航是到关联页面。
标题：h1- h6 (基本标题)
- 标签定义：h1 - h6标签可定义标题。h1定义最大的标题。h6 定义最小的标题。
- 浏览器支持：所有主流浏览器都支持标签。
<h1>你好HTML</h1>
<h2>你好HTML</h2>
<h3>你好HTML</h3>
<h4>你好HTML</h4>
<h5>你好HTML</h5>
<h6>你好HTML</h6>
hgroup
- 标签定义：标签用于对网页或区段（section）的标题进行组合。
- 浏览器支持：IE 9、Firefox、Opera、Chrome 和 Safari 支持 hgroup 标签。（IE 8 或更早版本的 IE 浏览器不支持 hgroup标签。）
<hgroup>
<h1>JavaScript 对象 </h1>
<h2> 我们需要模拟类吗？</h2>
</hgroup>
em && strong
<em></em> 强调标签 （该标签自带倾斜）
<strong></strong> (和 <em> 标签一样，用于强调文本，但它强调的程度更强一些。)
article
- 特征
- 表示具有一定独立性质的文章。
- 与body具有相似的结构
- 一个 HTML页面中，可能有多个article存在。
- 类似报纸的多文章结构适合用article来组织。
<body>
<header>……</header>
<article>
<header>……</header>
<section>……</section>
<section>……</section>
<section>……</section>
<footer>……</footer>
</article>
<article>
……
</article>
<article>
……
</article>
<footer>
<address></address>
</footer>
</body>
abbr
- 标签定义：标签用来表示一个缩写词或者首字母缩略词，如"WWW"或者"NATO"。
- 浏览器支持：所有主流浏览器都支持标签。（注：IE 6 或更早版本的 IE 浏览器不支持 abbr 标签。）
<abbr title="world wide web">www</abbr>
hr
- 标签定义 ：表示故事走向的转变或者话题的转变,当内容的主题发生变化时，使用 hr 标签进行分隔
- 浏览器支持：所有主流浏览器都支持。(IE 、Firefox、 opera、 chrome、 safari )
<h1>HTML</h1>
<p>HTML 是用于描述 web 页面的一种语言。</p>
<hr>
<h1>CSS</h1>
<p>CSS 定义如何显示 HTML 元素。</p>
p
- 标签定义 ：标签定义段落。
- 浏览器支持：所有主流浏览器都支持。
<p>This is some text in a very short paragraph</p>
cite
- 标签定义 ：标签通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。
- 浏览器支持 ：所有主流浏览器都支持。
figure
- 标签规定独立的流内容（图像、图表、照片、代码等等）
<figure>
<img src="http://img5.imgtn.bdimg.com/it/u=530090170,1803130651&fm=26&gp=0.jpg"/>
<figcaption>The NeXT Computer used by Tim Berners-Lee at CERN.</figcaption> (表示内容的标题)
</figure>
150
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
