HTML语义化

语义化就是指要使用合理、正确的标签。如标题应该使用h1 ~ h6来表示。

语义化的好处

1. 利于SEO

2. 提高可访问性，如果访问者中有视觉障碍者

3. 便于维护，因为可读性更好

常见标签语义分类

文档结构标签

<header>, <footer>, <main>, <nav>, <section>, <aside>, <article>

文字含义标签

<h1> ~ <h6>, <em>, <strong>, <mark>, <cite>, <blockquote>, <q>, <time>

媒体标签

<audio> 标签属性：[ src, type, controls, autoplay, loop, muted, preload ]，支持的媒体文件格式：wav/mp3/aac/ogg，子标签：<track> 添加字幕，track标签属性：[ kind(subtitles, captions, descriptions, chapters, metadata, label, src, srclan ]

<video> 标签属性：[...audio标签属性, height, width, poster ], 支持的媒体文件格式: webm, mp4

关联性标签

<ol>(ordered list) <li>, <ul>(unordered list) <li>, <dl>(description list) <dt> <dd>, <figure>(<figcaption>), <address>

参考文章：Semantic Markup