html css 常用标签,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、区段)。比如章节、页眉、页脚或文档中的其他部分。

实例:

3e1ac6c1d4f2b6c9d42407f6d82b5d5a.png

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

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

实例:对主页的介绍

abdd90bc586b92c1afd1b5dc0b05cba3.png

HTML < footer > 标签 定义和用法

< footer > 标签定义文档或节的页脚。

< footer > 元素应当含有其包含元素的信息。

页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

您可以在一个文档中使用多个 < footer > 元素。

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

64a0d343265b44f6990e5527138e1380.png

HTML < nav > 标签

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

实例:

781b090e5a40512f1e9c16c8bc7c3222.png

HTML < article > 标签 定义和用法

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

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

< article > 元素的潜在来源:

论坛帖子

报纸文章

博客条目

用户评论

实例

98453b3b41c967db164380106488f1f2.png

HTML < aside > 标签 定义和用法

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

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

实例:

02144ad973d973328f1fc5fbb5fc532b.png

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

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

实例:

121cd06868e1a3652636df2870b87ed8.png

HTML

< ol > < li > 定义和用法

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

实例:

7ecb0c54877c038bb7c365473e4c4f86.png

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

< dl > 标签定义了定义列表(definition list)。

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

实例:

52a9e2cd2e5b052957d34fdb3f9ccbfd.png

HTML < img > 标签

绝对路径

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

线下的绝对路径

相对路径

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

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

–>

f5429d455dde3b3e8b4d23309f4a5bad.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值