语义化标签之结构篇

1、<header></header>页眉

主要用于页面头部信息介绍,也可用于板块头部

2、<hgroup></hgroup>页面上的一个标题组合

一个标题和一个子标题,或者标语的组合

3、<hgroup>

<h1>大标题</h1>

<h2>描述,简介</h2>

</hgroup>

4、<nav></nav>导航(包含链接的一个列表)

5、<footer></footer>页脚,页面的底部或者板块的底部

6、<section></section>页面上的板块

用于划分页面上的不同区域,或者划分文章里的不同节

7、<article></article>用来在页面中表示一套结构完整且独立的内容部分

可以用来呈现论坛的一个帖子,杂志或报纸中的一篇文章,一篇博客,用户提交的评论内容,可互动的页面模块挂件等。

8、<aside></aside>元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别与主要内容的部分aside的内容应该与article的内容相关。被包含在中作为主要内容的附属信息部分,其中的内容 以是与当前文章有关的引用、词汇列表等在之外使用,作为页面或站点全局的附属信息部分;最典型的形式是侧边栏(sidebar),其中的内容可以是友情链接、附属导航或广告单元等。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,982评论 25 708
  • 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,语义化的主要...
    DecadeHeart阅读 3,452评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,859评论 18 139
  • 我想遇到这样一个男子, 他有阳光般温暖的笑容, 有低沉而磁性的声音, 有修长而有力的双手, 有宽阔而结实的胸膛。 ...
    重夕公子_阅读 226评论 0 1
  • 店里的广播声此起彼伏,麻将砸在桌子上的声音响亮得很,地上满是打着一系列数字的彩票,电视声,音乐声,广播声……还夹杂...
    Stone_blossom阅读 230评论 0 0