博客列表 >语义化结构元素(布局,推荐使用)

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

异乡客
异乡客原创
2021年12月16日 19:20:08311浏览

语义化结构元素

1.常用标签

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

2.布局效果

缺乏CSS,暂时略

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议