你不知道的HTML

一、全局属性

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

(1)title属性:鼠标移入时,会显示该文本内容。
xxx
xxx 2.


二、标签

1.超链接

(1)href属性:要跳转的链接。

值1:普通链接。


值2:锚链接:跳转后,在网址链接会多一个#dest。
点击后,将会无刷新跳转为目标位置
目标位置
值3:打开邮件。 发邮箱 值4:打电话。 拨打电话

(2)target属性:表示跳转的方式。

(1)跳转时,在新窗口打开。


(2)跳转时,覆盖原窗口打开。(默认)

2.img标签

(1)src属性:表示图片的路径来源。

(2)alt属性:当图片加载失败时,显示该内容。

猴子

3.音、视频标签

1. 音视频标签的属性。

音频(audio)、视频(video)标签的属性其实是一样的,这里以视频为例。

(1)controls属性:添加该属性可以显示音频、视频的控件。

  
  

(2)autoplay属性:自动播放。

  
  

(3)muted属性:静音播放。(因为有些浏览器不允许autoplay播放视频,加这个属性就可以。)

  
  

(4)loop属性:循环播放。

  
  

2. 实际开发中,兼容性写法。(浏览器兼容问题、视频格式兼容问题)

// 由于有些浏览器不支持mp4格式,只能支持webm格式。
// 我们通常不在video、audio标签中书写src路径,而是使用source标签来解决兼容性问题。


4.语义化容器标签

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

你可能感兴趣的:(html5)