如何理解HTML语义化

语义化

根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

语义化标签

在这里插入图片描述
main:页面主要内容,一个页面只能使用一次。如果是web应用,则包围其主要功能

article:显示像报纸一样的文章内容。例如一篇完整的论坛帖子,一则网站新闻,一篇博客文章等等,一个用户评论等等。

section:具有相似主题的一组内容,比如网站的主页可以分成介绍、新闻条目、联系信息等条块。如果只是为了添加样式,请用div!(有语义化的div)

aside:指定附注栏,包括引述、侧栏、指向文章的一组链接、广告、友情链接、相关产品列表等。如果放在main内,应该与所在内容密切相关。

footer:底部

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值