HTML总结
浏览器
内核由：渲染引擎和js引擎构成
我们现在内核更倾向于渲染引擎
- Trident
IE 内核 也叫兼容模式
有哪些浏览器采用这个内核？
IE、遨游、腾讯TT、360极速、百度
wp手机浏览器
Edge浏览器内核为新内核 EdgeHTML
-
Gecko
Firefox浏览器的内核 这几年很没落了 -
Webkit
Safari的内核 不是谷歌的
苹果手机浏览器
安卓4.0之前也用这个 -
谷歌
早期：Chromium
现在：Blink
安卓4.0以后用这个 -
Presto
Opera浏览器的内核
WEB标准（重点）
W3C和其他一些组织制定的一系列标准
结构
交给HTML，包括：
- XML
- XHTML
表现
交给CSS
行为
交给js
- html是根节点；
怎么做锚点？
-
<a href = “#value”>文字</a>
需要跳转的地方打一个标记
<a name = “value”>里面可以不写文字</a>
或
<h2 id = “value”>文字</h2> -
还可以做跨页面锚点！
base标签
用法：
<base target = “_blank”/>
单标记
设置在head中
作用：让所有的超链接可以统一在新窗口打开
字符实体
<p>文字</p>
页面上会显示出：
<p>文字</p>
另外还要记：
版权、商标、空格
表格
- table之align = “center”会使的整个表格水平居中，而不是文字水平居中；
- 表格的标题用caption标签；
- 表格还要有thead标签、tbody标签；
- 使td横跨两行（合并单元格）：给td标签一个属性，rowspan = “2” 即可；
- 使td横跨两列（合并单元格）：给td标签一个属性，colspan = “2” 即可；
- 对table施加cellspacing=“0”制作细线表；
- 对td施加border-collapse: collapse;制作细线表。
表单
- 使用radio单选框时，给同样的name属性值，达到真正单选；
- 多选框：
type = “checkbox” - input有个type叫reset，得到一个重置按钮，重置本form；
- 有个图片按钮，
type = “image”； - 文本域，可以输入好多文字啊！标签不是input了，叫
<textarea name = “” id = “” cols = “30” rows = “10”>
</textarea>
- 下拉菜单：select标签下面包很多option标签即可，第一个option默认或者给任意一个option赋予属性
selected = “selected”也可以变成默认选项； - 表单的name属性用于区分多个表单；
DTD
共有7种：
- HTML4：
- 严格版；
- 过渡版；
- 框架版；
- XHTML：
- 严格版；
- 过渡版；
- 框架版；
- HTML5：
向下兼容（可以兼容所有版本，语法跟宽松）
多媒体标签
embed
属于HTML4
会使用，标签定义嵌入的内容，可以用来插入各种多媒体，格式可以是 Midi、 Wav、AIFF、MP3等等。
HTML5版embed新增了如下属性：
height、src、type、width
以前都是用embed标签。
现在HTML5还用：
音频：audio标签
<audio
src = “”
controls
autoplay=“autoplay”
loop=“2”
controls 用于控制能不能在页面上显示
autoplay 用于自动播放
loop = “2” 循环2次
loop = “-1” 循环无数次
为了浏览器兼容
浏览器肯定支持mp3、 ogg、 wav。我们应该做三种格式的音乐！
视频：video标签
<video
src = “老师.mp4”
controls
autoplay=“autoplay”
为了浏览器兼容
浏览器肯定支持mp4、 ogg、 webM。我们应该做三种格式的视频！
