html5基础!! 随笔 第1张

html5基础!! 随笔 第2张

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

 

html5基础!! 随笔 第3张

html5基础!! 随笔 第4张

html5基础!! 随笔 第5张

<!DOCTYPE > 不是html的标签,它是在告诉浏览器,页面要使用哪个HTML版本进行编写的指令

html5基础!! 随笔 第6张

html5基础!! 随笔 第7张

 

html5基础!! 随笔 第8张

html5基础!! 随笔 第9张

 

html5基础!! 随笔 第10张

 

html5基础!! 随笔 第11张

html5基础!! 随笔 第12张

html5基础!! 随笔 第13张

html5基础!! 随笔 第14张

A:html5新增标签中的<nav>标签属于行块级标签;

B:html5新增的结构标签属于块级标签;

C:定义页面底部区域的标签是<footer></footer>;

D:定义页面的导航链接使用的标签是<nav></nav>

html5基础!! 随笔 第15张

第一点:

header / section / aside / article / footer    这五个标签绝对不允许嵌套,不利浏览器搜索。

第二点:

header / section / footer 级别最高的,都是写在最外层,互不嵌套。再这三个里面再写:aside / article / figure / hgroup / nav 等标签。

以上标签都不建议嵌套使用,如需要嵌套,则可以使用我们亲爱的 <div></div>标签。

 html5基础!! 随笔 第16张

当前,video 元素支持三种视频格式:

Ogg       MPEG4       WebM

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

--------------

video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式:
<video width="320" height="240" controls="controls">
  <source src="/i/movie.ogg" type="video/ogg">
  <source src="/i/movie.mp4" type="video/mp4">
Your browser does not support the video tag.不支持该标签则显示这些内容,支持则不会显示。
</video>

------------

属性:

autoplay="autoplay"   自动播放 

controls="controls"   出现控制器  播放按钮等

width   宽度

height   高度

loop     循环次数

preload  预加载并播放,和页面同时加载。

src  播放视频的路径

===============

当前,audio 元素支持三种音频格式:

Ogg vorbis        MP3       Wav

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

属性:

autoplay="autoplay"   自动播放 

controls="controls"   出现控制器  播放按钮等

loop     循环次数

preload  预加载并播放,和页面同时加载。

src  音频播放路径

===============

embed 标记外部可交互的内容或者插件,包括上面的音频视频,比如flash video audio 都可以使用该标签。
用法和上面的video audio 差不多。
<embed src="helloworld.swf" />
height 高度
width 宽度
src 引入插件的地址
type 定义引入内容的类型
如果嵌入音视频文件出现兼容性问题,可使用<audio><video>签进行代替

html5基础!! 随笔 第17张

=============================

html5基础!! 随笔 第18张

<meter value="20" min="20" max="380" low="200" high="240" optimum="220">   </meter>
<meter value="0.75">75%</meter>
如下图:

html5基础!! 随笔 第19张


value 表示当前值
min 表示最小值
max 最大值,不超过这个值
low ~ high 这是标准值,在这个范围内显示绿色条状,否则都是显示屎黄色,表示警告!
optimum 表示最佳的值





 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄