html是什么
html是超文本标记语言,与js和css一样,是由W3C(万维网联盟)制定的一套语言,超文本
指的是连接一个网站内或多个网站的网页的链接
标记是 html使用各种标记 来注明文本、图片、链接等 以便在浏览器这种进行 显示
都是以 <>进行包裹
DOCTYPE(⽂档类型) 的作用
DOCTYPE是HTML5中一种标准通用标记语言的文档类型声明,它的目的是告诉浏览器(解析器)应该以什么样(html或xhtml)的文档类型定义来解析文档,不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。
浏览器渲染页面的两种模式(可通过document.compatMode获取,比如,语雀官网的文档类型是CSS1Compat):
- CSS1Compat:标准模式(Strick mode),默认模式,浏览器使用W3C的标准解析渲染页面。在标准模式中,浏览器以其支持的最高标准呈现页面。
- BackCompat:怪异模式(混杂模式)(Quick mode),浏览器使用自己的怪异模式解析渲染页面。在怪异模式中,页面以一种比较宽松的向后兼容的方式显示。
script标签中defer和async的区别
如果没有defer或async属性,浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素,读取到就会开始加载和执行,这样就阻塞了后续文档的加载。
defer 和 async属性都是去异步加载外部的JS脚本文件,它们都不会阻塞页面的解析,其区别如下:
- 执行顺序:多个带async属性的标签,不能保证加载的顺序;多个带defer属性的标签,按照加载顺序执行;
- 脚本是否并行执行:async属性,表示后续文档的加载和执行与js脚本的加载和执行是并行进行的,即异步执行;defer属性,加载后续文档的过程和js脚本的加载(此时仅加载不执行)是并行进行的(异步),js脚本需要等到文档所有元素解析完成之后才执行,DOMContentLoaded事件触发执行之前。
meta
标签由
meta
标签由 name
和 content
属性定义,用来描述网页文档的属性,比如网页的作者,网页描述,关键词等,除了HTTP标准固定了一些name
作为大家使用的共识,开发者还可以自定义name。
charset
,用来描述HTML文档的编码类型 content 是 叶苗描述
表单标签
input 输入框 单行文本框 有type属性 text 文本框(默认) password (密码框 )
textarea 多行文本框
下拉菜单 <select><option></option></select>
form表单
块元素、行内元素 行内块元素
1 块元素是独占一行 可以设置宽高 不设置宽度默认父元素的100%
典型代表 <p></p> <div><div/>
可以在css中设置dispaly: block让其变成块元素
2 行内元素 是共享一行 不可以设置宽高 典型代表 <b><b/><span></span> <i><i/>
可以在css中设置dispaly :inline 来变成行内元素
1 行内块块元素是共享一行 可以设置宽高 典型代码 img
可以在css中设 置dispaly: inline-block让其变成行内块元素