常用标签集合
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” />
–>