。浏览器的默认样式会在术语和描述之间产生缩进（要改变它的缩进量用margin）。
属性（Attribute）：
class：赋予元素一个用来识别的名字，这个名字此后可以被用来识别此元素的样式信息和其它信息。同一个名字可用于多个class。
herf（hypertext reference）（元素专用）：声明超链接的web地址。
title（元素可用）：鼠标悬停超链接时的提示信息。
target（元素可用）：决定将用于显示链接的浏览上下文。例如，target='_blank'将在新标签页中显示链接。如果你希望在目前标签页显示链接，只需忽略这个属性。
disabled（布尔属性）：标记表单输入使之变为不可用。
name（
content（
rel：即relationship。
src：即source。可作为的属性。
lang：即language。设定语言。
alt（
id
download：设置点击下载链接后的文件保存用的名字
cite（有同名的元素）：引用元素的属性，用来指向引用的资源。cite属性的内容听起来很有用，但不幸的是，浏览器、屏幕阅读器等等不会真的关心它，如果不使用JavaScript或CSS，浏览器不会显示cite的内容。
二、 多媒体与嵌入：
注意：搜索引擎也把图片的文件名计入SEO，因此你应该给你的图片取一个描述性的文件名：dinosaur.jpg 比 img835.png 要好。
警告：大多数图片是有版权的。不要在你的网页上使用一张图片，除非：
l 你是图片版权所有者
l 你有图片版权所有者明确的、书面上的使用授权
l 你有充分的证据证明这张图片是公共的
侵犯版权是违法且不道德的。在得到授权之前永远不要把你的src属性指向其他人网站上的图片，这被称为“盗链（hotlinking）”。同样，盗取其他人的带宽也是违法的。而且这会降低你的页面的加载速度，而且图片可能会在不受你控制的情况下被移走或用别的令人尴尬的东西替换掉。
注意：像这样的元素有时被称之为替换元素，因为这样的元素的内容和尺寸由外部资源（像是一个图片或视频文件）所定义，而不是元素自身。
我们需要备选文本（alt）是因为它经常能派上用场。
你到底应该在 alt 里写点什么呢？这首先取决于这张图片为什么会在这儿，换句话说，如果在这张图片没显示出来，会少了什么：
l 装饰：如果图片只是用于装饰，而不是内容的一部分，可以写一个空的alt=””。实际上，装饰性图片就不应该放在HTML文件里，CSS background images才应该用于插入装饰图片，但如果这种情况无法避免， alt=""会是最佳处理方案。
l 内容：如果你的图片提供了重要的信息，就要在alt文本中提供相同的信息。但如果在主要文本中已经对图片做了充分的说明，写alt=""就好。
l 链接：如果你把图片嵌套在标签里，来把图片变成链接，那你还必须提供无障碍的链接的文本。在这种情况下，你可以写在同一个 元素里，或者写在图片的alt属性里，随你喜欢。
l 文本：你不应该把文本放到图片里。例如，如果你的主标题需要有阴影，你可以用CSS来达到这个目的，而不是把文本放到图片里。如果真的必须这么做，那就把文本也放到alt里。
本质上，关键在于图片无法被看见时也提供一个可以用的体验，这确保了所有人都不会错失一部分内容。
用width属性和height属性来指定你的图片的（原本的）宽度和高度是一件好事情。在正常的情况下，这不会对显示产生很大的影响，但是如果图片没有显示（例如用户刚刚开始浏览网页，但是图片还没有加载完成），你会注意到浏览器会为要显示的图片留下一定的空间——这使得页面加载的更快速更流畅。
注意：如果你需要改变图片的尺寸，你应该使用CSS而不是HTML。（？两者对图片尺寸的影响似乎是一样的）
说明文字（）和alt的内容不应该一样，因为当图片无法显示时，它们会同时出现。
如果图片对你的内容有意义，就应该使用HTML图片；如果图片纯粹是装饰，就应该使用CSS背景图片。
标签内的段落：这个叫做后备内容——当浏览器不支持 标签的时候，它将会显示出来，它使我们能够对旧的浏览器做一些兼容处理。你可以添加任何后备内容，比如提供一个指向这个视频文件的链接，从而使用户可以至少访问到这个文件，而不会局限于浏览器的支持。
你的视频应当包括 WebM 和 MP4 两种格式，这两种在目前已经足够支持大多数平台和浏览器。
Note: 文本轨道会使你的网站更容易被搜索引擎抓取到 （SEO）， 由于搜索引擎的文本抓取能力非常强大，使用文本轨道甚至可以让搜索引擎通过视频的内容直接链接。
一个好的关于网络安全的经验法则："You can never be too cautious. If you made it, double-check it anyway. If someone else made it, assume it's dangerous until proven otherwise."
注意：插件是一种对浏览器原生无法读取的内容提供访问权限的软件。
不需要插件了：如果您需要交互性，HTML和JavaScript可以轻松地为您完成工作，而不需要Java小程序或过时的ActiveX / BHO技术。您可以使用HTML5的等来满足媒体需求，矢量图形SVG，以及复杂图像和动画画布。对于工作，Adobe Flash极少是正确的工具，除了专门的游戏和商业应用。
SVG（Scalable Vector Graphics）在很多情况下非常有用 — 它们拥有较小的文件尺寸（因为它们仅需储存少量的算法，而不是逐个储存每个像素的信息），却高度可缩放，所以它们不会在镜头拉近或者放大图像时像素化。矢量图使用算法来定义，而位图（当它被放大时，每个像素就被放大以填满屏幕上更多的像素）使用像素网格来定义，流行的位图格式包括 Bitmap (.bmp), PNG (.png), JPEG (.jpg), and GIF (.gif.)。位图适合像照片那样复杂精密的图像。
响应式图片——一种可以在不同的屏幕尺寸和分辨率的设备上都能良好工作以及有其它特性的图片。响应式图片仅仅只是响应式web设计的一部分（奠定了响应式web设计的良好基础），我们会在未来的CSS topic模块中学到更多关于这一主题的知识。通过让浏览器提供多个图像文件来解决设备屏幕大小不同的问题，比如使用相同显示效果的图片但包含多个不同的分辨率（分辨率切换），或者使用不同的图片以适应不同的空间分配（艺术方向）。CSS是比HTML更好的响应式设计的工具。
elva-fairy-320w.jpg 320w的w意思是width（以px为单位）
元素（Element）：
和 （HTML5）：后者包含在前者中。元素告诉浏览器和其它辅助的技术工具：这段说明文字描述了 元素的内容。里不一定要是一张图片，只要是一个这样的独立内容单元：它用紧凑、易于掌握的方式表达你的意图；它可以放在页面线性流中的几个地方；它为主要内容提供关键信息。可以是几张图片、一段代码、音视频、方程、表格或别的。
（空元素）：可用于在中使用几个不同格式的文件来兼容不同的浏览器。每个 含有一个 type 属性，这个属性是可选的，但是建议你添加上这个属性——它包含了视频文件的 MIME types（叫"media type"更合适） ，同时浏览器也会通过检查这个属性来迅速的跳过那些不支持的格式。如果你没有添加 type 属性，浏览器会尝试加载每一个文件，直到找到一个能正确播放的格式，这样会消耗掉大量的时间和资源。
标签与 标签的使用方式几乎完全相同，除了 标签不支持 width/height 属性 — 由于其并没有视觉部件，也就没有可以设置 width/height 的内容。同样的原因，也不支持poster属性。
（空元素）：放在 或 标中、 后，加字幕用的，要有WebVTT文件才行。用 kind 属性来指明是哪一种类型，如 subtitles（字幕） 、 captions 、 descriptions。用 srclang 来告诉浏览器你是用什么语言来编写的 subtitles。
：即inline frame。允许您将其它Web文档嵌入到当前文档中。这适合将第三方内容纳入您的网站，你可能无法直接控制，也不希望实现自己的版本——例如来自在线视频提供商的视频，Disqus等评论系统，在线地图提供商，广告横幅等。相关的属性有allowfullscreen（布尔属性，顾名思义）、src、width、height、p（备选内容，不过几乎不可能遇到任何不支持
