html中的常用标签

今天我们了解一些常用标签。

注:对于标签我们的关注点在于它的语义,而不是样式 。

    1.标题标签h1 ~ h6   注意语义  页面部分区块的标题

      默认样式是加粗的,其中一级标题是最大最粗的,六级标题是最小的,标题与标题之间有较大的间距,还会独占一行,标题标签是块元素!      语义:代表一个标题,而且一级标题语义是最重,六级标题语义是最轻,标题标签会帮助seo,sem推广,其重要性仅次于title标签,常用的是h1-h3标签,h1标签一般一个页面只有一个。

2.段落标签,段落标签用于表示内容中的一个自然段。

默认样式:行与行之间有较大的间距,会独占一行,它也是个块元素语义:就是一个自然段落

    注意:p标签里面一样是放文字或者图片,不会放其他的块元素。

3.hgroup标签用来为标题分组,可以将一组相关的标题同时放入到hgroup,从样式上看,加不加hgroup都没有区别,但从语义上看,两者就具有一定关系。

4.em标签 语言表示强调,表现的样式为斜体,没有独占一行。与其同样表示强调的还有strong,表现样式为加粗,同样没有独占一行,em强调的是语调,strong强调的是内容。

5.blackquote标签 又叫长引用标签,语义引用别人说的话,表现为全换行,属于块元素。q标签又叫短引用标签,它的表现形式是“ ————”。

6.br标签(强制换行)又叫自结束标签。

7.hr分割线标签 ,表现为一个页面分割线。

8.div标签布局一个没有意义的块元素,只表示一个区块。

9.p标签(段落标签) yan,样式:行与行之间有间隔,独占一行,属于块元素。

结构标签(布局标签)

header  网页头部

main 网页的主题部分(一般只有一个)

footer 网页的底部

nav 导航区

aside 这主体有关的内容,侧边栏。

article 文章之类的

section 独立的区块

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值