18 · 现代 HTML 的补充认识
从“能显示”走向“有语义”
语义化
优先使用 header、nav、main、article、footer 等表达页面区域含义。
可访问性
为图片写 alt、为表单写 label,让更多人能够使用网页。
响应式意识
网页应适应不同屏幕;布局技术会在 CSS 部分深入学习。
<header> <h1>网站标题</h1> </header> <main> <article> <h2>文章标题</h2> <p>这里是正文内容。</p> </article> </main> <footer> <p>© 2026 网站名称</p> </footer>