欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 能源 > 前端相关面试题--html

前端相关面试题--html

2025/5/13 19:54:55 来源:https://blog.csdn.net/2301_80044589/article/details/139634652  浏览:    关键词:前端相关面试题--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 标签由 namecontent 属性定义,用来描述网页文档的属性,比如网页的作者,网页描述,关键词等,除了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让其变成行内块元素

 

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词