前端开发常见的语义化标签

 在前端开发中,语义化标签指的是使用具有明确含义的HTML标签来表示页面结构和内容,以提高代码的可读性、可维护性和可访问性。以下是一些常见的语义化标签:

  1. <header>:表示页面或页面区块的头部,通常包含标题、导航等内容。

  2. <nav>:表示导航栏,用于包含页面的主要导航链接。

  3. <main>:表示页面的主要内容区域,一个页面只能有一个<main>元素。

  4. <article>:表示独立的文章、博客帖子或独立的内容区块。

  5. <section>:表示页面或文档中的一个节或区块,可以包含相关的内容。

  6. <aside>:表示页面的侧边栏或附属内容,通常包含与主要内容相关但不是主要的内容。

  7. <footer>:表示页面或页面区块的底部,通常包含版权信息、联系方式等内容。

  8. <figure>:表示一段独立的内容,通常包含图片、图表、引用等。

  9. <figcaption>:为<figure>元素添加标题或说明文本。

  10. <time>:表示日期或时间,可以帮助机器和搜索引擎理解日期和时间的含义。

  11. <mark>:用于突出显示或标记特定的文本或关键字。

  12. <cite>:表示引用的作品、书籍、文章等的标题。

  13. <blockquote>:表示长段引用,通常包含一个引用的来源。

  14. <abbr>:表示缩写词或首字母缩写。

  15. <strong>:表示强调文本,通常以加粗样式显示。

  16. <em>:表示强调文本,通常以斜体样式显示。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陈哲忠

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值