欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

语义化结构元素(布局,推荐使用)

程序员文章站 2022-04-21 11:37:39
...

语义化结构元素

1.常用标签

序号 标签 名称 描述
1 <h1-6> 标题 通常用来划分或标注内容中的文本段落
2 <header> 页眉 一般由导航 logo 等元素组成
3 <footer> 页脚 一般由友情链接,联系方式,备案号,版权等信息组成
4 <nav> 导航 导航通常由一个或多个链接标签<a>标签组成
5 <main> 主体 展示页面主体内容,通常一个页面,建议只出现一次
6 <article> 文档 本义是文档,实际上可以充当其他内容的容器
7 <aside> 边栏 与主体无关的信息,管广告位,相关推荐,阅读排行等
8 <section> 区块 文档或主体中通用的小组件
9 <div> 容器 本身无任何语义,通过他的属性来描述用途

2.布局效果

缺乏CSS,暂时略