学习HTML

实体引用

指定文档字符编码

utf-8 一个通用的字符集，它包含了任何人类语言中的大部分的字符。一些浏览器会自动修正错误的编码，但是应该要手动为页面设置编码为 utf-8，如下：

<meta charset="utf-8" />

来避免在其他浏览器中可能出现的潜在问题。

使用标题

• 最好只对每个页面使用一次<h1>，这是顶级标题，所有其他标题位于层次结构中的下方。
• 确保在层次结构中以正确的顺序使用标题。
• 在可用的六个标题级别中，每页最好使用不超过三个。

屏幕阅读器

screen reader，使页面结构化，也能让屏幕阅读器更好识别内容的不同元素。

超链接的 download 属性

当链接到要下载的资源而不是在浏览器中打开时，可以使用 download 属性来提供一个默认的保存文件名（此属性只适用于同源 URL），如下是一个下载链接到 Firefox 的 Windows 最新版本的示例：

<a
  href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win64&lang=en-US"
  download="firefox-latest-64bit-installer.exe"
>
  Download Latest Firefox for Windows (64-bit) (English, US)
</a>

效果如下： Download Latest Firefox for Windows (64-bit) (English, US)

<time>元素

HTML 支持将时间和日期标记为可供机器识别的格式的 <time> 元素。例如：

<!-- 标准简单日期 -->
<time datetime="2016-01-20">20 January 2016</time>
<!-- 只包含年份和月份-->
<time datetime="2016-01">January 2016</time>
<!-- 只包含月份和日期 -->
<time datetime="01-20">20 January</time>
<!-- 只包含时间，小时和分钟数 -->
<time datetime="19:30">19:30</time>
<!-- 还可包含秒和毫秒 -->
<time datetime="19:30:01.856">19:30:01.856</time>
<!-- 日期和时间 -->
<time datetime="2016-01-20T19:30">7.30pm, 20 January 2016</time>
<!-- 含有时区偏移值的日期时间 -->
<time datetime="2016-01-20T19:30+01:00">7.30pm, 20 January 2016 is 8.30pm in France</time>
<!-- 调用特定的周 -->
<time datetime="2016-W04">The fourth week of 2016</time>

图片版权

在得到授权之前，永远不要把 img 的 src 属性指向其他人网站上的图片

视频/音频的容器格式

视频和音频都有不同的格式，如下：

• WebM 容器通常包括了 Ogg Vorbis 音频和 VP8/VP9 视频。主要在 FIrefox 和 Chrome 当中支持。
• MP4 容器通常包括 AAC 以及 MP3 音频和 H.264 视频。主要在 Internet Explorer 和 Safari 当中支持。
• 老式的 Ogg 容器往往支持 Ogg Vorbis 音频和 Ogg Theora 视频。主要在 Firefox 和 Chrome 当中支持，不过这个容器已经被更强大的 WebM 容器所取代。

音频播放器将会直接播放音频文件，例如 MP3 和 Ogg 文件。这些不需要容器

详见音视频编码兼容表

生成按钮

生成 submit 按钮有两种方法，一是用 input：

<input type="submit" />

另一种是用 button：

<button type="submit"></button>

<button>元素的主要优点是， <input>元素只允许纯文本作为其标签，而<button>元素允许完整的 HTML 内容，允许更复杂、更有创意的按钮文本。