html学习

html基础

超文本标记语言

标签可以嵌套使用，但是要缩进

全局属性：id元素为页面的唯一标识，不可以出现相同俩个id

html5新增的标签

语义化标签，表单元素，表单属性，表单事件，多媒体标签

header，main，footer

nav：导航栏，aside侧边栏，section独立内容，video视频，audio音频

header 整个也面的标题

​

声明文档格式 有利于浏览器的解析

​​

默认网址页面

​

cookies，sessionStorage和localStorage的区别：

都是保存在浏览器端，同源，

cookies是标识用户身份，存储在用户本地终端的数据，

在js里添加属性名使用驼峰法，css里使用连线

所有的HTML elements（元素节点，其实就是HTML标签）都是element

html Doctype 文档开始处没有发现文档类型声明，则所有浏览器默认开启严格模式

aside标签定义article以外的内容

行内元素和块级元素：

块级元素大都为结构性，从新的一行开始，高度宽度可以修改，内容撑开高度，form，当做行标签使用但又是拥有块级元素的特性，独占一行

行内元素大多为描述性，高度宽度不可以修改，可以设置padding和margin，文本格式化标签，表单元素都是，所有行内元素会排列在一行，不会独占一行，设置高度宽度无效

css（层叠样式表）选择器优先级：

内联样式 > ID 选择器 > 伪类 > 属性选择器 > 类选择器 > 元素（类型）选择器 > 通用选择器

元素事件属性：

on

加载和解析：

加载是并行的，解析是顺序执行， link标签可以同时加载，script标签先加载一个再加载一个有优先顺序

col仅包含空元素

html5是一种特殊的xml，html5在跨系统交互面是一种理想的交换个式，xml比json更能表达结构化数据

html(结构层)+css(表现层)+js行为层()

注释

_blank 新窗口打开 _self 默认 _parent 在父级窗口打开 _top整个窗口打开（最高级窗口当前页面)

引入方式：

外部，内部，内联

盒模型：

标准：content(实际)=width+padding+border+margin

box-sizing：content-box

怪异：width

box-sizing：border-box

布局：

浮动布局：

绝对定位，离他最近的父级元素作为参考

relative:相对定位，不脱离文档流，相对自身定位，

absolute：脱离文档流，相对父级定位

Fixed固定定位，脱离文档流，相对浏览器窗口定位

static：默认值，正常流

清除浮动：

高度塌陷：子元素浮动的时候，父元素没有设置高度，这时候父元素就会产生高度坍塌

1：父元素单独定义高度

2：父级overflow：hidden zoom：1（针对es6的）

3：在元素后加overflow：hidden

4：父级定义overflow：auto

5：万能法：给坍塌元素设置

.father:after{

Content:""

Clear:both

display:block

height:0

Overflow:hidden

Visibility: hidden

}

css选择器：

基础选择器

标签，id，类，通配

属性选择器

伪类选择器

:before :after

anchor

通配符选择器

组合选择器

后代选择器，子代选择器，兄弟选择器

图片加载慢有什么技术：

1.懒加载，例如在我之前做的vue项目中就是懒加载模式，不至于一次加载全部的图片

2.图片预加载：将当前展示的图片的前一张和后一张优先下载下来

axios请求：前端流行的ajax请求库，一种异步请求

基于promise的异步请求库

支持请求/响应拦截

支持请求取消

可以发送多个请求