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，包括：

1. XML
2. XHTML

表现

交给CSS

行为

交给js

---

• html是根节点；

怎么做锚点？

1. <a href = “#value”>文字</a>
   需要跳转的地方打一个标记
   <a name = “value”>里面可以不写文字</a>
   或
   <h2 id = “value”>文字</h2>

2. 还可以做跨页面锚点！

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：

1. 严格版；
2. 过渡版；
3. 框架版；

• XHTML：

1. 严格版；
2. 过渡版；
3. 框架版；

• 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。我们应该做三种格式的视频！

您的浏览器不支持播放视频