html,css,js 基础知识点

html,css,js 基础

html(html5)

html (超文本标记语言)：html由一组标签构成，经过浏览器解析展现为我们看见的网页。Html的结构是一个DOM文档树，标签就相当于树的节点。(爬虫，文档解析解析的就是文档树)。

常用标签

标题，段落，行内块

h1-h6,p,span

h1->h6标题标签:字体大小由高到低。p 段落标签:用于文字分段，s==pan行内标签：属于段内部标签用于在段落里面分块==。

表单和超链接

form 表单标签,a 标签,input 标签

from 标签属性有 action:指向表单提交的地址，method:表单的提交方式(get，post)

from表单只支持get，post两种提交方式，不支持put,delete提交方式，这对构建restful风格API是局限，所以，通常表单都不进行直接提交，而是通过js中的ajax进行提交数据。

get和post提交方式的区别：

get：URL中显示提交的数据信息不安全，提交的数据量受限，不支持传输大量数据。

post：URL中不显示提交的数据信息安全，支持提交大数据量数据

URL与URI的区别：

URL(统一资源定位符)：用于描述互联网上的资源的地址。由协议：//主机名/资源路径组成(https://www.baidu/a?k=v)。

URI(统一资源标识符)：注重强调资源，用来标识资源(/usr/local/a.html)。

a标签实现的功能是超链接。通过a标签的href属性可以跳转连接到其他地址。

a标签的href发送的是get请求。

input 标签是form表单中常用的标签，重点在input标签的type属性。type支持的类型有text,password,email,button,checkbox(复选框)，radio(单选框)。

表格和列表

table 表格标签,ul->li 无序列表,ol->li 有序列表

table 是HTML中的表格标签table标签的子标签包括thead,tbody,tfood。table标签中用 tr 标签代表一行，td 标签代表列。

ul 和 li共同组成无序列表 :ul标签有个type属性可以修改列表样式

ol 和 li共同组成有序列表

两者的区别在于列表中每一列前是否有标号

图片

image 标签用来引入图片常用属性alt(用于图片由于网络或资源不存在时提供的描述性信息) src属性用于引入图片资源地址。

语法规范和注意点

br 换行标签为了规范需要指定 / 结束符。

标签不能交叉出现，标签该成对出现的要成对出现，标签必须正常关闭，标签的属性需要引号。

css(css3)

css 层叠样式表用于修饰HTML和美化页面。

css 根据出现位置分为行内样式和外部样式(页面引用，页面内样式)

css样式根据选择器又被细分为 ID选择器(#)，类选择器(.)[常用] ，元素选择器

css样式覆盖原则：行内样式 > 外部样式。 ID选择器(#) > 类选择器(.) > 元素选择器

样式覆盖的产生的原因是浏览器解析HTML是顺序加载的。样式覆盖的规则高优先级覆盖低优先级，相同样式覆盖，不同样式实现互补效果。

js(es6)

js是指Javascript语言，它被称为一门全栈式语言。可已被浏览器解析运行。js是一门弱类型语言可以实现类型的自动推断。在js中任何事物(函数)都可以当做对象去引用。

补充

http 协议和https(ssl加密->ssl证书)，http是无状态的协议，推荐设计restful风格的api接口。