html语义化结构元素
页面中常用标签
| 序号 | 标签名 | 描述 |
|---|---|---|
| 1 | <h1>至<h6> | 常用作页面里面的标题，h1字体最大，h6字体最小 |
| 2 | <header></header> | 一般放在页面中的最顶部，里面一般是页面的logo、顶部导航 |
| 3 | <footer></footer> | 一般放在页面的最底部，里面会放网站的联系方式，备案信息等 |
| 4 | <nav></nav> | 通常用作页面内的导航，比如左侧导航栏 |
| 5 | <main></main> | 页面主要内容标签，页面的主要内容就放在此标签里，一个页面一般就一个此标签 |
| 6 | <article></article> | 通常用作文章内容，可以把文章、新闻的内容放在此标签 |
| 7 | <aside></aside> | 页面中的边栏，放在主要内容旁边，里面主要放一些列表，广告，导航 |
| 8 | <section></section> | 内容中的区块元素，一般放在主要内容中 |
| 9 | <div></div> | 我感觉是最常用的块级标签，没有什么语义，自定义用途 |
示例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>html语义化结构元素</title></head><body><header>我是header</header><div class="wrap"><nav><ul><li><a href="">我是左侧导航</a></li><li><a href="">我是左侧导航</a></li><li><a href="">我是左侧导航</a></li><li><a href="">我是左侧导航</a></li><li><a href="">我是左侧导航</a></li></ul></nav><main><h1>我是主要内容</h1><article>我是一篇文章</article></main><aside>我是右边栏</aside></div><footer>我是底部</footer></body></html>
markdown 的其它用法
一起看下面的内容
链接用法
无序列表
- 无序v1
- 无序vv1
- 无序vv2
- 无序v2
图片
