HTML基本标签——第二天
一、面试题
1、用哪些浏览器，测试哪些浏览器，常见浏览器内核？
--> 两个部分：
- 外壳 ---- 浏览器的样子
- 内核 ---- 解析网站的核心功能
--> 内核有以下几种：
- iE内核 ---- iE10以下是，iE11、ieEedge不是
- chrome内核 -- 即webkit-blink
- 火狐内核（新版本不是）
- 苹果内核 -- 即webkit
- 欧朋内核（已经废除）
以上不用的都用chrome内核。
--> 360 极速模式 兼容模式
chrome内核 ie内核
2、什么是doctype？
--> 即文档声明，规范每一种类型的文档在浏览器中的解析方式
3、去掉文档头（文档声明）会发生什么？
--> 浏览器会不知道按哪种方式解析，默认向低版本解析。
4、你知道浏览器标准模式和怪异模式的区别？
--> 有文档头即标准模式，没有文档头，向下兼容即怪异模式。现在统一用HTML5的文档声明。
5、有哪些文档头？
- HTML5
- HTML4 ---- 过渡型、严格型
- xhtml
二、前端基础
1、HTML（超文本标记语言）
--> 包括一系列标签，通过这些标签可以将网络上的文档格式统一。
--> 搭建网页的结构（框架）
2、CSS（层叠样式表）
--> 修饰网页
3、JavaScript
--> 用户和浏览器交互
三、HTML
1、创建HTML文件
2、种类：
- 双标签 ----
- 单标签 ----
3、<！DOCTYPE html>
--> 文档声明，声明文档的类型
4、HTML 标签
--> 根标签，最外层的标签
5、HTML 的组成
- 标签
- 属性 ---- 写在标签里面的东西，用来扩充标签的功能
--> 属性名 = “属性值”
--> lang = “en” ---- 只在html标签上使用
--> en -- English zh / zh - CN -- 中文
--> 作用 ---- 让浏览器知道你用的什么语言，浏览器会提示是否翻译页面。
--> 属性分类：
- 公有属性：title
- 私有属性: lang alt src
6、基本标签
6-1. head
--> 为浏览器准备的
6-2. meta
--> 不同属性有不同的功能
--> charset = “UTF-8” -- 设置文件编码格式
--> ASCII编码 -- 最早编码；gb2312 -- gb国标，存储简体中文；gbk -- 繁体中文加入；unicode -- 万国码；UTF-8 -- unicode的升级版
--> name = “keywords” ---- 增加权重
6-3. body
--> 用户看到的东西
6-4. title
--> 网页的名字
四、H5以前的标签
1、标题标签： 到
--> 工作中h1有什么作用？
- 如果是新闻h1可当作新闻标题
- 如果不是新闻，可用在网站的logo。不用h1做logo也行，但是一个网站权重最大的地方就是h1。
2、
--> 在段落标签里面无论有多少个空格都只会显示一个空格
3、 单标签
3-1. 标签属性
--> src 路径：
- 相对路径（相对于当前的文件）：可直接写图片名字 / 写当前文件夹，再写图片名字 / 返回上一级 -- ‘../’/ 当前目录 -- ‘./’
- 绝对路径：盘目录下的路径
- 超链接
--> alt：图片加载不出来的描述文字，提高了用户的体验
--> title：鼠标移上去显示的文字
--> width: px
--> height: px
4、列表
4-1. 有序列表
--> ol - li
--> 扩充：
- type标签：标签种类
- start标签：开始标签的数字
4-2. 无序列表
--> ul - li
--> 扩充：
- type标签：默认 -- discircle(实心圆)；circle -- 空心圆；square -- 正方形
4-3. 描述列表（用得不多）
--> dl - dt - dd
5、超链接 - a标签
--> 跳转地址：相对、绝对、超链接
--> target: 新打开一个标签
- _self ---- 本窗口
- _blank ---- 新打开窗口
- _top（不常用，用在框架里） ----
- _parent （不常用）----
--> 扩充：
- 锚点 -- #id
- 打电话 -- tel:188888888
- 发邮件 -- mailto:XXXXXXXXX
- 协议限定符 -- javascript:js代码
6、div标签
7、span标签（用得多）
--> 放在文本里面，把一些特殊的文字包裹起来