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

HTML面试题（2）

news 2025/9/16 9:37:17

HTML5相比HTML有哪些更新？

  1. 语义化更强的HTML元素：引入artitcle、section、nav、header、footer等元素，帮助创建结构更清晰、语义更明确的网页，有利于SEO和内容的可访问性
  2. 表单控件增强：新增多种表单输入类型（如email、data），直接支持数据验证，提高了表单的易用性和功能性
  3. 音视频支持：原生支持音频（audio）和视频（video），无需依赖外部插件，提高了访问多媒体内容的速度和兼容性
  4. 新的API支持：如Canvas Geolocation Drap and Drop，让网页能支持更复杂的用户交互
  5. Web存储和WebSockets：提供了更先进的数据存储方案（localStorage和sessionStorage）和实时通信能力（WebSockets），让网页应用像传统的桌面应用
  6. 更好的连接性和离线支持：通过应用程序缓存（Application Cache）支持离线应用，使得Web应用能够更灵活地在没有网络的环境下使用

img标签的srcset属性的作用？

提供多个文件源和各自的分辨率，浏览器会根据设备的屏幕尺度和像素密度（DPI）选择最适合的图像。

行内元素有哪些？块级元素有哪些？空（void）元素有哪些？

行内元素（Inline Elements）

行内元素通常位于文本内部，它们不会导致文本换行，而是在内容流中连续展示。这些元素主要用于改变一小块内容的样式或行为，不影响周围的布局。

  • <span>
  • <a>
  • <img>
  • <b>和<i>
  • <input>
  • <select>:在表达中创建下拉选择菜单
  • <strong>

块级元素（Block-level-Elements）

块级元素在页面中通常表现为“块”，会在其前后自动换行，默认占据父元素的完整宽度。

  • <div>
  • <p>
  • <h1>到<h6>
  • <ul> <ol>：分别定义有序列表和无序列表
  • <li>：列表项

空元素（Empty Elements）

空元素是那些只有开始标签，没有结束标签的元素，因为它们不包含任何内容

  • <img>
  • <br>
  • <hr>：水平分割线
  • <input>：用于创建输入字段，如文本框、复选框、单选框等
  • <meta>：提供关于HTML文档的元数据，如定义字符集，页面描述等
  • <link>：用于链接外部资源，如CSS文件

HTML5的离线储存如何使用？

离线存储（Application Cache）：允许开发者指定哪些文件(如 HTML 页面、图像、JS 脚本和 CSS 样式表)应该被浏览器缓存，并能够在没有网络连接时访问它们。

1.创建清单文件

        创建一个以.appcache结尾的清单文件，在文件中列出需要缓存的资源。这个文件必须声明MIME类型，即text/cache-manifest

2.引用清单文件

        在HTML页面的<html>中使用manifest属性引用这个清单文件

<html manifest="example.appcache">

3.结构清单文件

# 2024-01-01 v1.0.0
CACHE:
/css/style.css
/js/app.js
/images/logo.pngNETWORK:
*FALLBACK:
/ /offline.html
  • CACHE：首次下载后会被缓存，支持离线访问。
  • NETWORK：不会缓存，从浏览器请求。*表示默认情况下，所有其他资源都需要网络连接才可以访问。
  • FALLBACK：备用页面的路径。如果用户请求的资源无法访问，将跳转到备用路径。

浏览器如何对离线缓存的资源进行管理和加载？

管理

  1. 创建并引用清单文件
  2. 下载资源到缓存：用户首次访问时，浏览器解析清单文件并下载指定资源到应用程序缓存中
  3. 更新缓存：每次访问页面时，浏览器都会检查清单文件是否更新。如果更新，重新下载清单文件中指定的所有资源并替换掉旧缓存。
  4. 离线访问：资源被缓存，即可离线访问

加载

  1. 缓存中存在资源，从缓存加载
  2. 缓存中不存在资源且设备离线，使用备用资源

相关文章：

HTML面试题（2）

HTML5相比HTML有哪些更新&#xff1f; 语义化更强的HTML元素&#xff1a;引入artitcle、section、nav、header、footer等元素&#xff0c;帮助创建结构更清晰、语义更明确的网页&#xff0c;有利于SEO和内容的可访问性表单控件增强&#xff1a;新增多种表单输入类型&#xff0…...

编程日记 2024/11/16 10:55:22

微服务day07

MQ高级 发送者可靠性&#xff0c;MQ的可靠性&#xff0c;消费者可靠性。 发送者可靠性 发送者重连 连接重试的配置文件&#xff1a; spring:rabbitmq:connection-timeout: 1s # 设置MQ的连接超时时间template:retry:enabled: true # 开启超时重试机制initial-interval: 10…...

编程日记 2024/11/16 10:54:20

芯原科技嵌入式面试题及参考答案

Linux 相关驱动怎么写？ 在 Linux 中编写驱动主要有以下步骤。 首先，需要了解设备的硬件特性。这包括设备的工作原理、寄存器地址和功能、中断号等信息。例如，对于一个简单的 GPIO 设备，要知道其数据寄存器、方向寄存器的位置以及读写操作的规则。 然后是模块的初始化部分。…...

编程日记 2024/11/16 10:53:18

二叉树Golang

二叉树 前言 完全二叉树 最底层节点按顺序从左到右排列。 满二叉树 一颗二叉树只有0度和2度的节点。 二叉搜索树 左子树上的所有节点的值均小于根节点的值。右子树上的所有节点的值均大于根节点的值。 平衡二叉搜索树 左右两个子树的高度差的绝对值不超过1 。 二叉树的存储…...

编程日记 2024/11/16 10:52:16

通过css的哪些方式可以实现隐藏页面上的元素？

1&#xff1a;opacity:0 通过将元素的透明度设置为o&#xff0c;实现隐藏效果&#xff0c;但是依然会占用空间并可以进行交互。 2&#xff1a;visibility:hidden 与透明度度为0的方案类似&#xff0c;会占据空间&#xff0c;但不可以进行交互。 3&#xff1a;Overflow:hi…...

编程日记 2024/11/16 10:51:15

微信小程序 === 使用腾讯地图选点

目录 插件介绍 接入指引 相关参数说明 插件错误处理 效果图 permission 插件的作用 添加插件 引入插件代码包 使用插件 页面 js 接口 插件介绍 腾讯位置服务地图选点插件 可以让用户快速、准确地选择并确认自己的当前位置&#xff0c;并将相关位置信息回传给开发者。…...

编程日记 2024/11/16 10:50:14

Redis高可用-Cluster(集群)

Redis cluster cluster 为无中心&#xff0c;分布式 sharding&#xff0c;高可用技术架构。 在哨兵 sentinel 机制中&#xff0c;可以解决 redis 高可用的问题&#xff0c;即当 master 故障后可以自动将 slave 提升为 master 从而可以保证 redis 服务的正常使用。 但是无法解…...

编程日记 2024/11/16 10:46:11

Spring Boot编程训练系统：数据管理与存储

摘要 随着信息技术在管理上越来越深入而广泛的应用&#xff0c;管理信息系统的实施在技术上已逐步成熟。本文介绍了编程训练系统的开发全过程。通过分析编程训练系统管理的不足&#xff0c;创建了一个计算机管理编程训练系统的方案。文章介绍了编程训练系统的系统分析部分&…...

编程日记 2024/11/16 10:44:09

报告解读 | 创意经济2024：如何在变革中抢占先机？

在科技飞速发展的今天&#xff0c;创意行业正面临前所未有的变化。《Skillshare Trendshare 2024》报告揭示了多项趋势&#xff0c;为创意人士提供了深刻的洞察和实用的建议。本文将为您详细解读这些趋势&#xff0c;助您在创意领域脱颖而出。 1. 人工智能&#xff08;AI&…...

编程日记 2024/11/16 10:43:07

Flume1.9.0自定义Sink组件将数据发送至Mysql

需求 1、将Flume采集到的日志数据也同步保存到MySQL中一份&#xff0c;但是Flume目前不支持直接向MySQL中写数据&#xff0c;所以需要用到自定义Sink&#xff0c;自定义一个MysqlSink。 2、日志数据默认在Linux本地的/data/log/user.log日志文件中&#xff0c;使用Flume采集到…...

编程日记 2024/11/16 10:41:05

如何在 Ubuntu 24.04 上安装和配置 Fail2ban ?

确保你的 Ubuntu 24.04 服务器的安全是至关重要的&#xff0c;特别是如果它暴露在互联网上。一个常见的威胁是未经授权的访问尝试&#xff0c;特别是通过 SSH。Fail2ban 是一个强大的工具&#xff0c;可以通过自动阻止可疑活动来帮助保护您的服务器。 在本指南中&#xff0c;我…...

编程日记 2024/11/16 10:40:04

uniapp如何i18n国际化

1、正常情况下项目在代码生成的时候就已经有i18n的相关依赖&#xff0c;如果没有可以自行使用如下命令下载&#xff1a; npm install vue-i18n --save 2、创建相关文件 en文件下&#xff1a; zh文件下&#xff1a; index文件下&#xff1a; 3、在main.js中注册&#xff1a…...

编程日记 2024/11/16 10:39:03

C++__day1

1、思维导图 2、如果登录失败&#xff0c;提示用户登录失败信息&#xff0c;并且提示错误几次&#xff0c;且重新输入&#xff1b;如果输入错误三次&#xff0c;则退出系统 #include <iostream> using namespace std;int main() {string id , pswd;string user"admi…...

编程日记 2024/11/16 10:36:00

Emacs进阶之插入时间信息(一百六十三)

简介&#xff1a; CSDN博客专家、《Android系统多媒体进阶实战》一书作者 新书发布&#xff1a;《Android系统多媒体进阶实战》&#x1f680; 优质专栏&#xff1a; Audio工程师进阶系列【原创干货持续更新中……】&#x1f680; 优质专栏&#xff1a; 多媒体系统工程师系列【…...

编程日记 2024/11/16 10:33:58

Java线程池：ThreadPoolExecutor原理解析

一、线程池的基本概念 1.1 线程池的定义 线程池是一组预先创建的线程&#xff0c;这些线程可以重复使用来执行多个任务&#xff0c;避免了频繁创建和销毁线程的开销。线程池的核心思想是通过复用一组工作线程&#xff0c;来处理大量的并发任务&#xff0c;减少系统资源消耗&a…...

编程日记 2024/11/16 10:30:55

二叉树、哈夫曼报文大全

1、泛型链树 #include <iostream> #include<Windows.h> #include<string> #include<stack> #include<queue> using namespace std; void menu() {cout << "**********" << endl;cout << "-1.添加" <&…...

编程日记 2024/11/16 10:29:54

NotePad++中安装XML Tools插件

一、概述 作为开发人员&#xff0c;日常开发中大部的数据是标准的json格式&#xff0c;但是对于一些古老的应用&#xff0c;例如webservice接口&#xff0c;由于其响应结果是xml&#xff0c;那么我们拿到xml格式的数据后&#xff0c;常常会对其进行格式化&#xff0c;以便阅读。…...

编程日记 2024/11/16 10:28:51

聊天服务器(7)数据模块

目录 Mysql数据库代码封装头文件与源文件 Mysql数据库代码封装 业务层代码不要直接写数据库&#xff0c;因为业务层和数据层的代码逻辑也想完全区分开。万一不想存储mysql&#xff0c;想存redis的话&#xff0c;就要改动大量业务代码。解耦合就是改起来很方便。 首先需要安装m…...

编程日记 2024/11/16 10:25:48

VS2022编译32位OpenCV

使用环境 Visual Studio 2022 OpenCV: 4.7.0 cmake: 3.30.2一、使用CMake工具生成vs2022的openCV工程解决方案 打开cmake&#xff0c;选择opencv的源代码目录&#xff0c;创建一个文件夹&#xff0c;作为VS工程文件的生成目录 点击configure构建项目&#xff0c;弹出构建设置…...

编程日记 2024/11/16 10:18:40

WP网站如何增加文章/页面的自定义模板

通过Wordpress我们后台在发布文章或者页面的时候其实可以看到有些主题 他有选择使用的页面模板&#xff0c;可以自定义模板&#xff0c;但是有些主题却没有选择主题这个功能&#xff0c;那这个自定义模板的功能是如何实现的呢&#xff1f;以下分两种情况&#xff1a;Page页面和…...

编程日记 2024/11/16 10:13:34

MPNet：旋转机械轻量化故障诊断模型详解python代码复现

目录 一、问题背景与挑战 二、MPNet核心架构 2.1 多分支特征融合模块（MBFM） 2.2 残差注意力金字塔模块（RAPM） 2.2.1 空间金字塔注意力（SPA） 2.2.2 金字塔残差块（PRBlock） 2.3 分类器设计 三、关键技术突破 3.1 多尺度特征融合 3.2 轻量化设计策略 3.3 抗噪声…...

编程新知 2025/9/15 18:18:08

java调用dll出现unsatisfiedLinkError以及JNA和JNI的区别

UnsatisfiedLinkError 在对接硬件设备中&#xff0c;我们会遇到使用 java 调用 dll文件 的情况&#xff0c;此时大概率出现UnsatisfiedLinkError链接错误&#xff0c;原因可能有如下几种 类名错误包名错误方法名参数错误使用 JNI 协议调用&#xff0c;结果 dll 未实现 JNI 协…...

编程新知 2025/8/21 6:35:28

CentOS下的分布式内存计算Spark环境部署

一、Spark 核心架构与应用场景 1.1 分布式计算引擎的核心优势 Spark 是基于内存的分布式计算框架&#xff0c;相比 MapReduce 具有以下核心优势&#xff1a; 内存计算&#xff1a;数据可常驻内存&#xff0c;迭代计算性能提升 10-100 倍&#xff08;文档段落&#xff1a;3-79…...

编程新知 2025/9/11 22:41:35

CocosCreator 之 JavaScript/TypeScript和Java的相互交互

引擎版本&#xff1a; 3.8.1 语言&#xff1a; JavaScript/TypeScript、C、Java 环境&#xff1a;Window 参考&#xff1a;Java原生反射机制 您好&#xff0c;我是鹤九日&#xff01; 回顾 在上篇文章中&#xff1a;CocosCreator Android项目接入UnityAds 广告SDK。 我们简单讲…...

编程新知 2025/8/19 15:38:50

WordPress插件：AI多语言写作与智能配图、免费AI模型、SEO文章生成

厌倦手动写WordPress文章&#xff1f;AI自动生成&#xff0c;效率提升10倍&#xff01; 支持多语言、自动配图、定时发布&#xff0c;让内容创作更轻松&#xff01; AI内容生成 → 不想每天写文章&#xff1f;AI一键生成高质量内容&#xff01;多语言支持 → 跨境电商必备&am…...

编程新知 2025/8/18 10:51:07

BCS 2025｜百度副总裁陈洋：智能体在安全领域的应用实践

6月5日&#xff0c;2025全球数字经济大会数字安全主论坛暨北京网络安全大会在国家会议中心隆重开幕。百度副总裁陈洋受邀出席&#xff0c;并作《智能体在安全领域的应用实践》主题演讲&#xff0c;分享了在智能体在安全领域的突破性实践。他指出&#xff0c;百度通过将安全能力…...

编程新知 2025/8/26 15:36:54

自然语言处理——Transformer

自然语言处理——Transformer 自注意力机制多头注意力机制Transformer 虽然循环神经网络可以对具有序列特性的数据非常有效&#xff0c;它能挖掘数据中的时序信息以及语义信息&#xff0c;但是它有一个很大的缺陷——很难并行化。 我们可以考虑用CNN来替代RNN&#xff0c;但是…...

编程新知 2025/8/27 16:29:36

【论文阅读28】-CNN-BiLSTM-Attention-（2024）

本文把滑坡位移序列拆开、筛优质因子&#xff0c;再用 CNN-BiLSTM-Attention 来动态预测每个子序列&#xff0c;最后重构出总位移&#xff0c;预测效果超越传统模型。 文章目录 1 引言2 方法2.1 位移时间序列加性模型2.2 变分模态分解 (VMD) 具体步骤2.3.1 样本熵&#xff08;S…...

编程新知 2025/9/3 10:06:35

Linux nano命令的基本使用

参考资料 GNU nanoを使いこなすnano基础 目录 一. 简介二. 文件打开2.1 普通方式打开文件2.2 只读方式打开文件 三. 文件查看3.1 打开文件时&#xff0c;显示行号3.2 翻页查看 四. 文件编辑4.1 Ctrl K 复制 和 Ctrl U 粘贴4.2 Alt/Esc U 撤回 五. 文件保存与退出5.1 Ctrl …...

编程新知 2025/9/3 14:21:06

PostgreSQL——环境搭建

一、Linux # 安装 PostgreSQL 15 仓库 sudo dnf install -y https://download.postgresql.org/pub/repos/yum/reporpms/EL-$(rpm -E %{rhel})-x86_64/pgdg-redhat-repo-latest.noarch.rpm# 安装之前先确认是否已经存在PostgreSQL rpm -qa | grep postgres# 如果存在&#xff0…...

编程新知 2025/9/8 15:21:15