常用标签集合
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 >
定义和用法:
实例:
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” />
–>