html语义化标签_HTML 几个重要的语义化标签

HTML+CSS+JS,结构+形式+行为。对于HTML标签,我们需要牢牢记住的是标签的语义,而不是她的样子,因为我们可以用CSS来改变她的样子。

首先来说一下,HTML标签分为两类,一类是块元素(block element),一类是行内元素(inline element)。

A、块元素

h1~h6,标题标签,重要性递减,一般常用h1~h3,h4~h6和p段落等普通标签也差不多了。

像h1一级标签,和title标题标签一样,都被搜索引擎所借助,用来锁定web网页,就是告诉搜索引擎你的网页的主要内容。

c2b4e48bff4a4513494e14cff96bf724.png

hgroup标签,标题组标签,可以将一组相关的标题同时放入其中。

1fc2b3b9af939e8572b7e99544ea3777.png

p标签,段落标签。

310ead3217d3f3c2494ced571f4f44ba.png

blockquote标签,块引用标签。q标签,行内引用标签。

5b7061c3ed58f26c1d05f5212dfc8e57.png

B、行内标签。

em标签,用于加强语音语调。

0f71aa39c661bc7ec3bdb3849fdce907.png

strong标签,强调内容。

653cd0951d4cad831e88e82513e878c0.png

b标签,加粗。i标签,斜体。

3ac00c36a2091c8dc3301763c8c4f61a.png

sup标签,右上角。sub标签,右下角。

ffac0e171570d69be603d0b0b38d51cf.png

字数少了,竟然不能声明原创。。。就没办法添加到话题里。。。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值