HTML基础
HTML基础
<video> 视频播放
HTML5 中，可以通过HTML标签 <audio> 和 <video> 来支持嵌入式的媒体
video 元素支持三种视频格式：
- Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
- MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
- WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
src 视频文件地址
src 属性指定要播放的视频文件地址，可以是互联网上的 http 视频文件链接，也可以是本站点相对路径的视频文件地址
controls 显示播放控件
增加 controls 属性可以显示视频播放控件（默认不显示）
<video src="xx.mp4" controls>
</video>
width,height 宽高
autoplay 自动播放
autoplay 属性可以让视频在就绪后自动播放；
注意：添加 muted 属性后，autoplay 才生效，否则无法自动播放。
muted 静音播放
muted 属性让视频播放时默认是静音状态。
loop 循环播放
loop 属性规定视屏循环播放，即播放完毕后再次从头开始播放
poster 预览封面
poster 设定了视频的展示图像，包括播放前的展示图像和下载的展示图像；如果未设定此属性，一般情况下播放前视频区是黑色的。
preloader 预加载
preloader 告诉了视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
preloader 有三个属性值可设置：
- “none” 不缓冲文件，视频在用户按下播放键之前不会加载
- “auto” 缓冲视频文件，即使用户没有按下播放键
- “metadata” 仅仅缓冲文件的元数据，如长度、大小、持续时间等
video 子标签
可以在 <video> 标签中设置内容，这些内容将在浏览器不支持 <video> 时展示：
<video id="video" src="http://file.masikkk.com/oceans.mp4" controls onclick="play()">
<p>你的浏览器不支持 HTML5 video 标签视频播放</p>
</video>
完整的 HTML 参考手册
http://www.w3school.com.cn/tags/index.asp
HTML 标准(全局)属性参考手册
http://www.w3school.com.cn/tags/html_ref_standardattributes.asp
HTML标题
HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。
默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。
HTML 水平线
<hr /> 标签在 HTML 页面中创建水平线。
HTML 注释
<!-- This is a comment -->
HTML段落
HTML 段落是通过 <p> 标签进行定义的。
浏览器会自动地在段落的前后添加空行。（<p> 是块级元素）
使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它！
HTML 换行(拆行)break row
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签
忽略源代码中多余空格和换行
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
例如：
<p>
这个段落
在源代码中
包含许多行
但是浏览器
忽略了它们。
</p>
显示为：
这个段落 在源代码中 包含许多行 但是浏览器 忽略了它们。
HTML链接
HTML 链接是通过 <a> 标签进行定义的。
有两种使用 <a> 标签的方式：
通过使用 href 属性 - 创建指向另一个文档的链接
通过使用 name 属性 - 创建文档内的书签
HTML 链接
在 href 属性中指定链接的地址。开始标签和结束标签之间的文字、图片、或其他元素被作为超级链接来显示。<a href="http://www.w3school.com.cn">This is a link</a>
HTML 链接 - target 属性
使用 Target 属性，你可以定义被链接的文档在何处显示。如果把链接的 target 属性设置为 “_blank”，该链接会在新窗口中打开。<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
HTML 锚点
使用 name 属性创建 HTML 页面中的书签，即锚点（anchor）。
当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。
锚点用法：
- 在 HTML 文档中对锚进行命名（创建一个书签）：
<a name="tips">基本的注意事项 - 有用的提示</a> - 在同一个文档中创建指向该锚的链接
将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。<a href="#tips">有用的提示</a>
也可以在其他页面中创建指向该锚的链接：<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
在url末尾添加正斜杠”/“
请始终将正斜杠添加到url末尾。假如这样书写链接：href=”http://www.w3school.com.cn/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求：href=”http://www.w3school.com.cn/html/"。
HTML图像
HTML 图像是通过 <img> 标签进行定义的。图像的名称和尺寸是以属性的形式提供的。<img src="w3school.jpg" width="104" height="142" />
HTML 元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。
空的 HTML 元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如<br />是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。
HTML 提示：推荐使用小写标签
HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。
W3School 使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。
HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name=”value”。
属性总是在 HTML 元素的开始标签中规定。
属性举例：
<h1 align="center">拥有关于对齐方式的附加信息。<body bgcolor="yellow">拥有关于背景颜色的附加信息。<table border="1">拥有关于表格边框的附加信息。
推荐使用小写属性
属性和属性值对大小写不敏感。不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。而新版本的 (X)HTML 要求使用小写属性。
始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=’Bill “HelloWorld” Gates’
上一篇 曹雪芹《红楼梦》书摘
下一篇 前端学习资源
页面信息
location:protocol: host: hostname: origin: pathname: href: document:referrer: navigator:platform: userAgent: