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