CSS/HTML 常用标签集合

常用标签集合

header、article、aside、section、footer、nav、h1-h6、p、ul、ol、li、img、dl、dt、dd…绝对路径、相对路径、标签语义化、标签嵌套规范、SEO…

• section 版块 用于划分页面上不同的区域，或则划分文章不同的节
• header 页面头部或则版块（section）头部
• footer 页面底部或者（section）底部
• nav 导航 （包含链接的一个列表）
• article 用来在页面中表示一套结构完整且独立的内容部分（可以用来呈现论坛的一个帖子，杂志或者报纸中的一篇文章，一篇博客，用户提交的评论内容，可互动的页面模块挂件等）
• aside 元素标签可以包含与当前页面或者主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分
• h1-h6 标题
• ul 无序列表
• ol 有序列表
• li ul或者ol的列表项
• dl 定义列表
• dt 定义列表的项目
• dd 对dt展开的描述扩展
• p 段落
• time 时间
• em 斜体
• strong 加粗
• img 图片

< section >

定义和用法:

标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

实例:

HTML < header > 标签 定义和用法：

标签定义文档的页眉（介绍信息）/页面头部或则版块（section）头部

实例：对主页的介绍

HTML < footer > 标签 定义和用法

• < footer > 标签定义文档或节的页脚。
• < footer > 元素应当含有其包含元素的信息。
• 页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
• 您可以在一个文档中使用多个 < footer > 元素。

实例:文档中的页脚部分：

HTML < nav > 标签

定义和用法:< nav > 标签定义导航链接的部分。

实例：

HTML < article > 标签 定义和用法

< article > 标签规定独立的自包含内容。

一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发。

< article > 元素的潜在来源：

• 论坛帖子
• 报纸文章
• 博客条目
• 用户评论

实例

HTML < aside > 标签 定义和用法

< aside > 标签定义其所处内容之外的内容。

aside 的内容应该与附近的内容相关

实例：

HTML< ul> < li > 定义和用法

< ul > 标签定义无序列表。

实例：

HTML

< ol > < li > 定义和用法

< ol > 标签定义有序列表。

实例：

HTML < dl >< dt >< dd > 标签 定义和用法

< dl > 标签定义了定义列表（definition list）。

< dl > 标签用于结合 < d t > （定义列表中的项目）和 < dd > （描述列表中的项目）。

实例：

HTML < img > 标签

绝对路径

• 线上的绝对路径http://pagead2.googlesyndication.com/simgad/102405629.png

• 线下的绝对路径
  相对路径

• < I mg src=”…/…/img.jpg” />

• < img src=”img/pic/img.jpg” />
  –>