当前位置： 首页 > news >正文

前端面试题--HTML篇

news 文章来源：https://blog.csdn.net/qq_49916504/article/details/129283328 2024/11/6 11:25:41

一、src和href的区别

src指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在的位置；

href指向网络资源的位置，建立和当前元素或当前文档之间的链接。

二、对HTML语义化的理解

根据内容的结构化，选择合适的标签。

优点：1、对机器友好，有利于SEO，和搜索引擎建立良好的沟通；

2、对开发者友好，增强代码的可读性。

三、常用的meta标签有哪些

meta由name和content属性定义，用来描述网页文档的属性；

常用meta标签：charset用来描述html文档的编码类型；

keywords：页面关键字；

description：页面描述；

refresh：页面重定向和刷新；

viewport：适配移动端，可以控制视口的大小和比例；

四、HTML5有哪些更新

  1. 语义化标签

header、nav、mian、footer、aside

  1. 媒体标签

video、audio

  1. 表单

  1. DOM查询操作

document.querySelector

document.querySelectorAll

  1. web存储

lacalStorage--没有时间限制的存储

sessionStorage--针对一个session的数据存储

五、行内元素和块元素

行内元素：span、input、img、a、b

块元素：div、h1-h5、p、ol、ul、li

六、img的srcset属性的作用

响应式页面中，根据不同的屏幕密度设置不同的图片，这个时候就可以用到img的srcset属性

七、web worker的作用

web worker的作用就是为JavaScript提供多线程运行环境，允许主线程创建worker线程，这样就可以将一些任务分配给worker线程，好处是不会被随意打断，有利于随时响应主线程的通信，坏处是会造成资源的浪费，所以不使用的时候要即时关闭。通过postMessage将结果传回到主线程。

八、HTML5离线存储怎么使用，工作原理

离线存储是指当用户没有连接互联网时，用户可以正常访问站点和应用；用户连接互联网时，更新用户机器上的缓存文件。

工作原理：h5的离线存储机制是基于一个新建的.appcache文件的缓存机制，通过解析清单离线缓存资源，这些资源就会像cookie一样被存储下来，当网络处于离线状态时，浏览器会通过被离线存储的数据进行页面展示。

九、b和strong、i和em、title和h1的区别

strong是语义化标签，起到加重语气的作用，b只是简单的加粗；

i内容展示为斜体，em表示强调的语气；

title简单的表示为标题，h1表示更深层次的标题

十、iframe的优点和缺点

iframe元素会创建包含另一个文档的内敛框架

优点：可以用来加载速度较慢的文件；可以实现跨子域通信；可以并行下载脚本；

缺点：会阻塞主页面的onload事件；不利于搜索引擎识别；增加了http请求；

十一、label标签的作用

label标签用来定义表单控件间的关系，当选择label标签时，自动将焦点转移到和label标签相关的表单控件

十二、文档声明和<!Doctype html>的作用，严格模式和混杂模式的区别？

文档声明用来告诉浏览器当前文档是用什么版本的html来写的；

<!Doctype html>让浏览器进入标准模式，使用h5标准来解析渲染页面；

严格模式也称标准模式，让浏览器以w3c标准解析文档；

混杂模式指浏览器用自己的模式解析代码；

十三、BOM和DOM的区别

BOM是浏览器对象模型，主要定义了与浏览器进行交互的接口和方法；

DOM是文档对象模型，主要定义了处理网页内容的接口和方法；

十四、图片的格式

jpeg（jpg）：支持的色彩比较丰富，不支持透明效果，不支持动图；

gif：支持的色彩比较少，支持简单透明，支持动图；

png：支持的颜色丰富，支持复杂透明，不支持动图；

webp：是谷歌新推出的用来表示网页图片的一种格式，具有其他类型图片的所有优势，还比较小，但兼容性不好。

相关文章：

前端面试题--HTML篇

一、src和href的区别src指向外部资源的位置&#xff0c;指向的内容会嵌入到文档中当前标签所在的位置&#xff1b;href指向网络资源的位置&#xff0c;建立和当前元素或当前文档之间的链接。二、对HTML语义化的理解根据内容的结构化&#xff0c;选择合适的标签。优点&#xff1…...

编程日记 2023/3/3 20:10:59

SpringBoot集成ElasticSearch，实现模糊查询，批量CRUD，排序，分页，高亮

导入elasticsearch依赖在pom.xml里加入如下依赖&#xff1a;<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-elasticsearch</artifactId> </dependency>非常重要&#xff1a;检查依赖版本…...

编程日记 2023/3/3 20:09:45

常用Swagger注解汇总

常用Swagger注解汇总 前言 在实际编写后端代码的过程中&#xff0c;我们可能经常使用到 swagger 注解&#xff0c;但是会用不代表了解&#xff0c;你知道每个注解都有什么属性吗&#xff1f;你都用过这些属性吗&#xff1f;了解它们的作用吗&#xff1f;本文在此带大家总结一下…...

编程日记 2023/3/3 20:08:28

关于 TypeScript 声明文件

declare var 声明全局变量declare function 声明全局方法declare class 声明全局类declare enum 声明全局枚举类型declare namespace 声明&#xff08;含有子属性的&#xff09;全局对象interface 和 type 声明全局类型export 导出变量export namespace 导出&#xff08;含有子…...

编程日记 2023/3/3 20:07:17

SpringBoot学习-原理篇

SpringBoot原理篇springboot技术本身就是为了加速spring程序的开发的&#xff0c;可以大胆的说&#xff0c;springboot技术没有自己的原理层面的设计&#xff0c;仅仅是实现方案进行了改进。将springboot定位成工具&#xff0c;你就不会去想方设法的学习其原理了。就像是将木头…...

编程日记 2023/3/3 20:06:01

目标检测YOLOv5数据集怎么找？

完整的配置-标注-训练-识别在我这篇博客小白YOLOv5全流程-训练实现数字识别_yolov5数字识别_牛大了2022的博客-CSDN博客 模型部分剖析可以看我每周深度学习笔记部分。关于训练的数据集怎么搞很多人问过我&#xff0c;我在这篇文章给大家一点我的经验和建议。 数据集是什么 简…...

编程日记 2023/3/3 20:04:36

安卓短信自动填充踩坑

安卓短信自动填充踩坑 前言 最近弄了个短信自动填充功能&#xff0c;一开始觉得很简单&#xff0c;不就是动态注册个广播接收器去监听短信消息不就可以了吗&#xff1f;结果没这么简单&#xff0c;问题就出在机型的适配上。小米的短信权限、荣耀的短信监听都是坑&#xff0c;…...

编程日记 2023/3/3 20:03:13

【抽象类和接口的区别】

抽象类和接口都是Java中实现多态的机制&#xff0c;它们都是用来约束子类必须要实现的方法。但是它们有以下区别&#xff1a; 实现方式 实现方式&#xff1a;抽象类是一个类&#xff0c;而接口是一个接口。一个类只能继承一个抽象类&#xff0c;但可以实现多个接口。 构造方…...

编程日记 2023/3/3 20:02:01

接口导出文件功能

1.写接口 export function getExport(params) { return fetch({ url: ******.export, method: post, data: params, responseType:blob, }) } 2.编写前端页面 <el-button :loading"exportDisable" :disabled&quo…...

编程日记 2023/3/3 20:00:49

深圳大学计软《面向对象的程序设计》实验9 期中复习

A. 机器人变身&#xff08;类与对象&#xff09;【期中模拟】 题目描述 编写一个机器人类&#xff0c;包含属性有机器名、血量、伤害值、防御值、类型和等级。其中血量、伤害和防御和等级、类型相关&#xff1a; 普通型机器人&#xff0c;类型为N&#xff0c;血量、伤害、防…...

编程日记 2023/3/3 19:59:35

python之异步编程

一、异步编程概述 异步编程是一种并发编程的模式&#xff0c;其关注点是通过调度不同任务之间的执行和等待时间&#xff0c;通过减少处理器的闲置时间来达到减少整个程序的执行时间&#xff1b;异步编程跟同步编程模型最大的不同就是其任务的切换&#xff0c;当遇到一个需要等…...

编程日记 2023/3/3 19:58:21

为什么很多计算机专业大学生毕业后还会参加培训？

基于IT互联网行业越来越卷的现状&#xff0c;就算是科班出身&#xff0c;很多也是达不到用人单位的要求。面对这样的现实情况&#xff0c;有的同学会选择继续深造&#xff0c;比如考个研&#xff0c;去年考研人数457万人次&#xff0c;可见越来越的同学是倾向考研提升学历来达到…...

编程日记 2023/3/3 19:57:07

JUC并发编程之JMM_synchronized_volatile

目录 JUC并发编程之JMM_synchronized_volatile 什么是JMM模型&#xff1f; JMM和JVM的区别 JMM不同于JVM内存区域模型 主内存 工作内存 Java内存模型与硬件内存架构的关系 JMM存在的必要性 数据同步八大原子操作 同步规则分析 并发编程的可见性&#xff0c;原子性与有序…...

编程日记 2023/3/3 19:55:55

hashCode 和 equals 的处理

文章目录hashCode 和 equals 的处理1. 阿里巴巴编程规范要求2. equals和hashcode的分析2.1 Object方法2.2 只覆写&#xff08;Override&#xff09;equals带来的问题问题演示问题分析问题处理hashCode 和 equals 的处理 1. 阿里巴巴编程规范要求 2. equals和hashcode的分析 2…...

编程日记 2023/3/3 19:54:38

17. OPenGL实现旋转移动物体

1. 说明&#xff1a; 整体思路&#xff1a;如果想实现动态&#xff0c;可以使用一个矩阵和我们给定的坐标值进行相乘&#xff0c;实时的改变坐标值 类似于坐标的齐次变换&#xff0c;然后使用一个定时器&#xff0c;在规定时间内触发重新绘制的函数。 实际效果&#xff1a; OP…...

编程日记 2023/3/3 19:53:13

《SQL基础》14. 存储过程 · 存储函数

存储过程 存储函数存储过程基本语法变量系统变量用户定义变量局部变量if判断参数case判断while循环repeat循环loop循环游标条件处理程序存储函数存储过程 存储过程是事先经过编译并存储在数据库中的一段SQL语句的集合。调用存储过程可以简化应用开发人员的工作&#xff0c;减…...

编程日记 2023/3/3 19:52:00

NFT Insider #87：The Sandbox 收购游戏开发工作室 Sviper，GHST 大迁徙即将拉开帷幕

引言&#xff1a;NFT Insider由NFT收藏组织WHALE Members(https://twitter.com/WHALEMembers)、BeepCrypto&#xff08;https://twitter.com/beep_crypto&#xff09;联合出品&#xff0c;浓缩每周NFT新闻&#xff0c;为大家带来关于NFT最全面、最新鲜、最有价值的讯息。每期周…...

编程日记 2023/3/3 19:50:36

html部分codewhy网课学习笔记

day1 网页显示的过程和服务器 浏览器内核,也称为渲染引擎 head标签描述网页的原数据&#xff0c;如title shifttab是向前缩进 div>ul>li可以快速生成 <div> <ul> <li></li> </ul> </div> 在早期,单标签如<input>也可写为&l…...

编程日记 2023/3/3 19:49:11

电脑出问题了怎么重装系统修好

电脑在使用过程中经常会出现各种各样的问题&#xff0c;如系统崩溃、蓝屏、病毒感染等。这些问题如果不能及时得到解决&#xff0c;将会给用户带来很多麻烦和损失。小白一键重装系统是一个功能强大的工具&#xff0c;可以帮助用户快速解决电脑常见问题。下面我们就来详细介绍如…...

编程日记 2023/3/3 19:47:54

Nginx国密支持问题记录

文章目录添加国密支持可能出现的问题国密不生效&#xff0c;查看 Nginx 可执行文件路径是否正确证书无法解析Nginx无法启动添加国密支持 NGINX添加国密支持 添加国密支持可以直接按照官网的操作顺序操作即可 参考网址&#xff1a;https://www.gmssl.cn/gmssl/index.jsp 可能出…...

编程日记 2023/3/3 19:46:40

基于ensp的小型局域网网络搭建及需求分析

一 需求分析本实验的目的在于建立小型局域网。由于公司由财政部、人事部、科技部三个部门组成&#xff0c;分布在同一个交换机下。设计以下网络&#xff1a;三个个部门使用两台交换机连接&#xff0c;然后连接到汇聚交换机&#xff0c;再通过路由器与外网以及其他部门网络相连。…...

编程日记 2023/3/3 19:45:19

Kubernetes学习（二）Pod

创建Pod kubectl创建nginx pod 编写 nginx pod的yaml文件 apiVersion: v1 kind: Pod metadata:name: my-nginxlabels:name: my-nginx spec:containers:- image: nginxname: my-nginxresources:limits:memory: "128Mi"cpu: "500m"ports:- name: nginx-po…...

编程日记 2023/3/3 19:43:57

【Docker】docker | 迁移docker目录

一、场景说明1、物理机磁盘空间不够用了2、docker的镜像、容器、卷等资料的默认路径为&#xff1a; /var/lib/docker3、增加了数据盘挂在&#xff0c;需要将docker的全部资料更换个目录二、操作确认是否满足切换条件1&#xff09;服务是否能够暂停&#xff0c;如果可以就OK2&am…...

编程日记 2023/3/3 19:42:34

day24_多线程进阶

今日内容 上课同步视频:CuteN饕餮的个人空间_哔哩哔哩_bilibili 同步笔记沐沐霸的博客_CSDN博客-Java2301 零、 复习昨日 一、作业 二、线程安全的集合 三、死锁 四、线程通信 五、生产者消费者 六、线程池 零、 复习昨日 创建线程的几种方式 1) 继承 2) 实现Runnable 3) calla…...

编程日记 2023/3/3 19:41:06

Qt实现系统桌面目录下文件搜索的GUI:功能一：文件查找与现实

⭐️我叫恒心&#xff0c;一名喜欢书写博客的研究生在读生。 原创不易~转载麻烦注明出处&#xff0c;并告知作者&#xff0c;谢谢&#xff01;&#xff01;&#xff01; 这是一篇近期会不断更新的博客欧~~~ 有什么问题的小伙伴 欢迎留言提问欧。 功能点一&#xff1a;文件查找与…...

编程日记 2023/3/3 19:39:49

有关数据库的一级、二级、三级封锁协议

一级封锁协议 一级封锁协议是指&#xff0c;事务T在修改数据R之前必须先对其加X锁&#xff0c;直到事务结束才释放。事务结束包括正常结束&#xff08;COMMIT&#xff09;和非正常结束&#xff08;ROLLBACK).一级封锁协议可防止丢失修改&#xff0c;并保证事务T是可恢复的。在…...

编程日记 2023/3/3 19:38:23

【Android Studio】【学习笔记】【2023春】

文章目录零、常用一、界面布局疑问&报错零、常用 一、界面布局 Android——六大基本布局总结/CSDN小马 同学 【Android】线性布局&#xff08;LinearLayout&#xff09;最全解析/CSDNTeacher.Hu 一个不错的计算器界面&#x1f447; Android Studio App LinearLayout多层…...

编程日记 2023/3/3 19:36:43

window.open()下载文件重命名/js下载文件重命名/js跨域下载文件重命名

普通文件下载 // 1 var fileUrl https://xxxx.docx; window.open(fileUrl"?attname文档.docx");// 2 var a document.createElement(a); a.href https://xxxx.docx; a.download 文档.docx; a.target "_blank"; a.click();以上方式 attname 和 a.down…...

编程日记 2023/3/3 19:35:21

zookeeper：简介及常用命令

目录 一、Zookeeper简介 二、Zookeeper服务端常用命令 1、启动ZooKeeper服务 2、查看ZooKeeper服务状态 3、停止ZooKeeper服务 4、重启ZooKeeper服务 三、Zookeeper客户端常用命令 1、连接ZooKeeper服务端 2、断开连接&#xff1a;quit 3、查看命令帮助&#xff1a;help…...

编程日记 2023/3/3 19:33:49

与流程挖掘布道者熵评科技孙一鸣博士共话流程挖掘市场的起源与前景 | 爱分析访谈

调研&#xff1a;李进宝 陈元新 撰写&#xff1a;李进宝 陈元新 随着数字化转型持续深入&#xff0c;国内企业流程挖掘需求初露端倪。流程挖掘是指通过采集和分析企业数据&#xff0c;以可视化流程图还原企业实际发生的业务流程&#xff0c;进而评估流程运行状况、诊断流程运…...

编程日记 2023/3/3 19:32:27

个体户 建设网站/线上免费推广平台都有哪些

xampp 是一个非常方便的本地 apache php mysql 的调试环境&#xff0c;在本地安装测试 WordPress 等各种博客、论坛程序非常方便。今天我们来给大家介绍一下&#xff0c;如何使用 XAMPP 在本地进行安装多个网站。 一般情况下&#xff0c;我们只需要网站程序放到 xampp/htdoc …...

编程日记 2024/11/6 11:11:59

卫浴网站怎么做/安徽seo人员

在使用高版本的Keil时往往复制粘贴中文注释的时候会出现乱码&#xff0c;这是因为中文的编码格式不对导致的&#xff0c;但是Keil这里的编码却又很奇特&#xff0c;编辑器是以ANSI编码方式来识别字符的&#xff0c;所需要修改编辑器的编码方式&#xff0c;注释是修改成GB2312编…...

编程日记 2024/11/6 7:38:52

八年级做网站/国内真正的免费建站

EasyClick 自定义侧边栏 鉴于官方自带的侧边栏菜单功能少样式丑，现在自己做一个，先移除官方自带的侧边栏，然后加载自定义的菜单布局。 官方自带侧边栏 自定义后的侧边栏图例...

编程日记 2024/11/6 3:04:14

市住房和城乡建设委员会官方网站/优化的意思

离散数学集合运算C或C语言实验报告离散数学实验报告1&#xff0e;【实验2&#xff0e;【实验目的3&#xff0e;【实验内容实验1)用数组A&#xff0c;B&#xff0c;C&#xff0c;E表示集合。假定A{1,3&#xff0c;4&#xff0c;5&#xff0c;6&#xff0c;7&#xff0c;9&#x…...

编程日记 2024/11/6 3:01:11

在西安市建设工程交易中心网站上/竞价排名是什么意思

date命令 用于显示当前的系统时间或设置系统时间。date [选项] [日期格式]date命令的参数选项及说明 OPTION参数选项-d 时间字符串 显示指定字符串所描述的时间&#xff0c;而非当前时间 -f 时间文件 从日期文件中按行读入时间描述 -r 文件 显示指定文件的最后…...

编程日记 2024/11/6 2:36:29

wordpress纯代码/网络营销与电子商务的区别

审核转换允许对数据流添加审核审核数据&#xff0c;以往使用HIPPA和Sarbanes-Oxley (SOX)时&#xff0c;必须跟踪谁在什么时插入数据&#xff0c;审核转换可以实现这种功能。例如要跟踪那一个task向表里插入数据&#xff0c;可以在审核转换中添加相应的列。在Output Column Nam…...

编程日记 2024/11/6 0:53:04