HTML 语义化

[xrkffgg]

建议

• 少使用无意义的 <div>、<span> 标签
• 在 <label> 标签中设置 for 属性和对应的 <input> 关联起来
• 设置 <img> 标签的 alt 属性，给 <a> 标签设置 title 属性
• 在页面的标题部分使用 <h1>~<h6> 标签，不需要给它们加多余的样式
• 与表单、有序列表、无序列表相关的标签不要单独使用

语义元素结构

• <header> 标签通常放在页面或页面某个区域的顶部，用来设置页眉
• <nav> 标签可以用来定义导航链接的集合，点击链接可以跳转到其他页面
• <article> 标签中的内容比较独立，可以是一篇新闻报道，一篇博客，它可以独立于页面的其他内容进行阅读
• <section> 标签表示页面中的一个区域，通常对页面进行分块或对内容进行分段，<section> 标签和 <article> 标签可以互相嵌套
• <aside> 标签用来表示除页面主要内容之外的内容，比如侧边栏
• <footer> 标签位于页面或页面某个区域的底部，用来设置页脚，通常包含版权信息，联系方式等