HTML - 语义化标签 -

1.语义化标签

image.png

2.还是用<div>吧

<main>:页面主要内容,一个页面只能使用一次。如果是web应用,则包围其主要功能

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML 5的革新之一:语义化标签一节元素标签。 在HTML 5出来之前,我们用div来表示页面章节,但是这些di...
    吴越公子阅读 829评论 0 0
  • 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,语义化的主要...
    DecadeHeart阅读 3,521评论 0 3
  • HTML5< !--...--> 标签 comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。...
    野小宝阅读 1,407评论 0 10
  • 语义化标签,顾名思义也就是可以直接读懂的标签。最早接触HTML5的时候,对HTML5的语义化并没有太深的理解,只是...
    极客人阅读 4,331评论 1 18
  • 士意及笄楚楚婀娜, 女属舞象冠玉温文儒雅; 情投红袖朝霞。 君垮辽阔苍茫骏马, 步步载妾豆蔻年华天涯; 一步一相携...
    彀尔清欢阅读 304评论 0 4

友情链接更多精彩内容