前端之网站结构语义化
网页基本组成
专用标签
<header>：页眉
- <body> 的子元素，那么就是网站的全局页眉。
- <article> 或<section> 的子元素，那么它是这些部分特有的页眉。
<nav>：导航栏
- 指向网站各个主要区段的超链接，用菜单按钮、链接或标签页表示。
- 应在所有网页之间保持一致。
<main>：主内容
- 每个页面上只能用一次。
- 存放当前网页的独有内容，可用<article>、<section> 和 <div> 等元素表示。
<aside>：侧边栏
- 位于 <main> 中。
- 包含与主内容相关的外围信息、链接、引用、广告等。
<footer>：页脚
- 位与横跨页面底部的狭长区域。
- 放置公共信息（比如版权声明或联系方式）。
无语义元素
span
<span> 是一个内联的（inline）无语义元素，无法找到更好的语义元素或不想增加特定的意义时使用。
div
<div>是一个块级无语义元素，应仅用于找不到更好的块级元素或、不想增加特定的意义时使用。
注：<div> 容易被滥用。由于它们没有语义值，会使 HTML 代码变得混乱。要尽可能少用， 否则文档的升级和维护工作会非常困难。
换行和水平分割线
<br>
<hr>
网页结构的语义化
HTML小结
<header>、<section>、<article>或<div>的宽度默认为其父元素的 100%。
下一节：前端之HTML图片
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
