HTML(由W3C组织制定规范）
HTML 5兼容了HTML 4，XML，容错率高。
XML的语言特性：所有标签必须闭合 比如，<input />
区分H5：能运行在微信上的网页都称为H5
<html><head><body>
常见标签：a/ form / input /button /h1 /ul /ol /small /strong /div /span 横向划分 /kbd / video /audio / svg 不规则图形
<!DOCTYPE html> //声明文档版本
<head>包含的标签：
<meta charset="utf-8">
<ul><ol>:<li>
<dl><dt><dd>描述列表
<br>：强制换行，因为源代码中的所有换行最后都会压缩成一个空格
<img>
src：图像的 URL，必需的。
alt：描述图像的替换文本。用户将看到这个显示，如果图像的URL是错误的，该图像不在 支持的格式 列表中，或者如果图像还没有被下载。
<input>用于为基于Web的表单创建交互式控件，以便接受来自用户的数据。<input>的工作方式因其类型属性的值而有很大差异
<label for="textInput">Note the red caret:</label>
<input id="textInput" class="custom" size="32"/>
<button>
<button name="button">Click me</button>
<button>与<a>标签的区别：<button>是弹出一个对话框，<a>是用来跳转到另外一个页面
<noscript>
如果页面上的脚本类型不受支持或者当前在浏览器中关闭了脚本，则在HTML <noscript> 元素中定义脚本未被执行时的替代内容。
demo：
<noscript>
<a href="http://www.mozilla.com/">External Link</a>
</noscript>
<p>Rocks!</p>
<iframe>
<iframe src="https://baidu.com" title="iframe example 1" width="400" height="300">
**<iframe>可以拥有一个 name，a 标签的 target 可以通过 name 指向这个 iframe
<select>
下拉列表
<textarea>
多行文本
<canvas>
用来画图
可替换元素
CSS 里，可替换元素（replaced element）的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有 <img>、 <object>、 <video> 和 表单元素，如<textarea>、 <input> 。 某些元素只在一些特殊情况下表现为可替换元素，例如 <audio> 和 <canvas> 。 通过 CSS content 属性来插入的对象 被称作 匿名可替换元素（anonymous replaced elements）。
空元素
Tip:
- <div> <span> 标签因为没有任何含义，所以要加class;
- 除了div 和 span，其他标签都有默认样式,比如<body>标签的默认margin是8px;
- 有些html标签是自带CSS属性的，比如<body>的bgcolor属性(attribute)，这是历史遗留下来的。
- MDN 上有所有标签的文档（遇到新标签都搜素一下熟悉一下）或html5 spec（ 即html规范文档，很全，但难看懂。）
- html中没有所谓一个标签是block还是inline元素之分，因为html不管样式，CSS才管样式。写html的时候不要管样式，否则会容易混乱。
基于上面的题目，写一篇关于 HTML 的播客，100 字以上即可，内容可以是
W3C 简介（查维基百科）
MDN 简介（查维基百科）
HTML 所有标签列表（查 MDN）
什么是空标签（查 MDN、博客）
什么是可替换标签（查 MDN、博客）
1.iframe 标签
嵌套页面（会很卡，因为相当于重开一个窗口）
<iframe name="xxx" src="https://www.baidu.com" frameboder="0"></iframe>
<a target=xxx href="http://qq.com">QQ</a>
<a target=xxx href="http://baidu.com">百度</a> //a标签可以指定一个iframe来打开页面
- a 标签 --页面跳转
-
target属性
_blank 新窗口
_self 在本窗口打开
_parent 父窗口
_top 顶层窗口 -
download 属性
-
href属性
- //qq.com 无协议绝对地址，自动继承协议。
-
#xxx表锚点 ，作页面内跳转，不发起请求
？name=xxx
./index.html
3.伪协议“javascript:alert(1)" “javascript:;"：得到一个点击之后什么都不做的a 标签
网友评论