你不知道的HTML

一、全局属性

全局属性：顾名思义，就是任意HTML元素都可以添加该属性。

（1）title属性：鼠标移入时，会显示该文本内容。
<div title="这是一段描述内容">xxx</div>
<a title="这是一段描述内容">xxx</a>

2. 

---

二、标签

1.超链接

（1）href属性：要跳转的链接。

值1：普通链接。
<a href=:"https://www.baidu.com"></a>

值2：锚链接：跳转后，在网址链接会多一个#dest。
<a href="#desst">点击后，将会无刷新跳转为目标位置</a>
<div id="dest">目标位置</div>

值3：打开邮件。
<a href="mailto:1741220358@qq.com">发邮箱</a>

值4：打电话。
<a href="tel:13713750910">拨打电话</a>

（2）target属性：表示跳转的方式。

（1）跳转时，在新窗口打开。
<a href="www.baidu.com" target="_blank"></a>

（2）跳转时，覆盖原窗口打开。（默认）
<a href="www.baidu.com" target="_self"></a>

2.img标签

（1）src属性：表示图片的路径来源。

<img src="图片地址" />

（2）alt属性：当图片加载失败时，显示该内容。

<img src="图片地址" alt="猴子" />

3.音、视频标签

1. 音视频标签的属性。

音频（audio）、视频（video）标签的属性其实是一样的，这里以视频为例。

（1）controls属性：添加该属性可以显示音频、视频的控件。

  <video src="" controls>视频</video>
  <audio src="" controls>音频</audio>

（2）autoplay属性：自动播放。

  <video src="" autoplay>视频</video>
  <audio src="" autoplay>音频</audio>

（3）muted属性：静音播放。（因为有些浏览器不允许autoplay播放视频，加这个属性就可以。）

  <video src="" autoplay muted>视频</video>
  <audio src="" autoplay muted>音频</audio>

（4）loop属性：循环播放。

  <video src="" loop>视频</video>
  <audio src="" loop>音频</audio>

2. 实际开发中，兼容性写法。（浏览器兼容问题、视频格式兼容问题）

// 由于有些浏览器不支持mp4格式，只能支持webm格式。
// 我们通常不在video、audio标签中书写src路径，而是使用source标签来解决兼容性问题。
<video>
    <source src="media/open.mp4">
    <source src="media/open.webm">
    <p>对不起，你的浏览器版本不支持播放该视频，请点击这里下载最新版本</p>
</video>

<audio>
    <source src="media/open.mp3">
    <source src="media/open.mp3">
    <p>对不起，你的浏览器版本不支持播放该视频，请点击这里下载最新版本</p>
</audio>

4.语义化容器标签

header：表示网站的头部、也可以表示文章的头部。
footer：表示网站的底部、也可以表示文章的尾部。
article：表示文章的正文。
section：表示文章的章节。
aside：表示侧边栏。