不熟悉的内容备注：
1. 浏览器内核
2. 文本标签文本标签
3. 超链接标签的target属性
4. 锚点
5.base标签
6. 表格的结构
7. 表格的属性
课程安排：
- 前端基础：
- html 2天
- css 7天
- 传统布局 9天
- HTM5+CSS3 3天
- 高级：
- js
- 移动web
- php
- node.js
- vuejs
- 其他框架
- 微信
1. 开发工具
- Chrome
- Typora
- photoshop
2. 浏览器内核
浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。
-
渲染引擎 它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
-
JS 引擎 则是解析 Javascript 语言，执行 javascript语言来实现网页的动态效果。
最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多，如加上没什么人使用的非商业的免费内核，可能会有10多种，但是常见的浏览器内核可以分这四种：Trident、Gecko、Blink、Webkit。
- Trident(IE内核)
国内很多的双核浏览器的其中一核便是 Trident，美其名曰 “兼容模式”。
代表： IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。
Window10 发布后，IE 将其内置浏览器命名为 Edge，Edge 最显著的特点就是新内核 EdgeHTML。
-
Gecko(firefox)
Gecko(Firefox 内核)： Mozilla FireFox(火狐浏览器) 采用该内核，Gecko 的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。 可惜这几年已经没落了， 比如 打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。 -
webkit(Safari)
Safari 是苹果公司开发的浏览器，所用浏览器内核的名称是大名鼎鼎的 WebKit。
现在很多人错误地把 webkit 叫做 chrome内核（即使 chrome内核已经是 blink 了），苹果感觉像被别人抢了媳妇，都哭晕再厕所里面了。
代表浏览器：傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器， -
Chromium/Blink(chrome)
在 Chromium 项目中研发 Blink 渲染引擎（即浏览器核心），内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支。
大部分国产浏览器最新版都采用Blink内核。二次开发 -
Presto(Opera)
Presto（已经废弃） 是挪威产浏览器 opera 的 “前任” 内核，为何说是 “前任”，因为最新的 opera 浏览器早已将之抛弃从而投入到了谷歌怀抱了。 -
移动端的浏览器内核主要说的是系统内置浏览器的内核。
Android手机而言，使用率最高的就是Webkit内核，大部分国产浏览器宣称的自己的内核，基本上也是属于webkit二次开发。
iOS以及WP7平台上，由于系统原因，系统大部分自带浏览器内核，一般是Safari或者IE内核Trident的
3. Web标准
- 结构标准：结构用于对网页元素进行整理和分类，咱们主要学的是HTML。 最重要
- 表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
- 行为标准：行为是指网页模型的定义及交互的编写，咱们主要学的是 Javascript
4. HTML结构
4.1 单标签与双标签
4.2 标签的嵌套关系 和 并列关系
4.3 DOCTYPE
<!DOCTYPE html>
4.4 meta-charset
<meta charset="UTF-8">
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312:
- gb2312 简单中文 包括6763个汉字
- BIG5 繁体中文 港澳台等用
- GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312
- UTF-8则包含全世界所有国家需要用到的字符
5. HTML标签
5.1 普通标签
| 标签 | 含义 |
|---|---|
<head> |
HTML文档头部信息 |
<title> |
HTML文档标题 |
<h1> ~ <h6> |
文本标题 |
<p> |
段落 |
<hr> |
水平线horizontal |
<br> |
换行符 |
<div> |
块状布局 |
<span> |
跨度布局 |
注意： h1 标签因为重要，尽量少用，不要动不动就向你扔了一个h1。 一般h1 都是给logo使用，或者页面中最重要标题信息。
5.2 文本格式化标签
| 标签 | 显示效果 |
|---|---|
<b></b> <strong></strong> |
文本以粗体方式显示 |
<i></i><em></em> |
文本以斜体方式显示 |
<s></s><del></del> |
文本以 |
<u></u><ins></ins> |
文本以下划线方式显示 |
b i s u只有使用 没有 强调的意思 ,但网页中常用它们做一些小点缀strong em del ins语义更强烈
5.3 图像标签
<img src="" alt="" title="" />
| 属性 | 属性值 | 描述 |
|---|---|---|
| src | URL | 图像路径 |
| alt | 文本 | 图像无法展示时显示的文本 |
| title | 文本 | 鼠标悬停时的内容 |
| width | 像素 | 图象宽度 |
| height | 像素 | 图象高度 |
| border | 数字 | 图像边框宽度 |
width和height只要设置一个就行了，图片会按比例缩放；都设置容易让图像变形
最低0.47元/天 解锁文章
1182
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
