前端相关面试题--html

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让其变成行内块元素