前端八股文(一)HTML 持续更新中。。。

news/2024/11/8 10:04:56 标签: 前端, html
htmledit_views">

html常见八股

1.src和href的区别?

src:

  • 用于js脚本,img、iframe、script等标签

  • 加载时会阻塞主线程,将资源内容嵌入到当前标签所在的位置,将其指向的资源下载应用到文档内

href:

  • 用于链接a、link等标签

  • href指向外部资源所在的位置,和当前元素位置建立链接,将其下载的时候不会阻止其他资源的加载解析

2.h5有哪些新增特性?

  1. 新增语义化标签:header、footer

  2. 新增表单类型属性:placeholder、type:number、email等

  3. 新增音频、视频标签:video、audio

  4. 新增浏览器存储:sessionStorage、localStorage

  5. 新增websocket通信等

3.html语义化?

  • 使用语义化标签,使代码具有良好的结构

  • 有利于seo爬虫

  • 有利于团队开发和维护

4.iframe的优点和缺点?***

iframe通常用来加载外部链接,不会影响网页内容的加载。

优点

  • 可以将网页原封不动的加载进来

  • 增加代码的可用性

  • 用来加载显示较慢的内容,如广告、视频等

缺点

  • 加载的内容无法被浏览器引擎识别,对SEO不友好

  • 会阻塞onload事件加载

  • 会产生很多页面,不利于管理

5.script标签中defer和async的区别

他俩都是表示异步加载外部JS脚本,不会阻碍页面的加载解析。 区别

  • 执行顺序:有多个async标签不能保证先后加载顺序,而多个defer标签可以按先后顺序加载。

  • 是否立即执行:async加载完脚本后会立即执行defer是要等文档解析完成后才执行

6.行内元素和块级元素 举例几个

  • 行内元素:span、input、a、img、strong

  • 块级元素:div、h1、p、ul、li、dl、dt、dd

7.怎样查找、创建、添加、移动、复制、移除节点

  • 查找节点:document.querySelectorAll()、document.querySelector()、document.getElementByClassname()、document.getElementById()、document.getElementByTagName()

  • 创建节点:document.createElement()

  • 添加节点:document.appendChild()

  • 移动节点:document.appendChild()

  • 复制节点:dom.cloneNode(true)

  • 移除节点:document.removeElement()


http://www.niftyadmin.cn/n/5743718.html

相关文章

react->Antd->Table调整checkbox默认样式

checkbox默认不展示,hover此行时,出现checkbox,选中后不消失: hover前,设置透明边框; hover时,checkbox出现 选中后 代码块: .ant-checkbox {.ant-checkbox-inner {border: transparent;}}.ant…

基于YOLOv8 Web的安全帽佩戴识别检测系统的研究和设计,数据集+训练结果+Web源码

摘要 在工地,制造工厂,发电厂等地方,施工人佩戴安全帽能有效降低事故发生概率,在工业制造、发电等领域需要进行施工人员安全帽监测。目前大多数的 YOLO 模型还拘泥于公司、企业开发生产的具体产品中,大多数无编程基础…

DeFi 4.0峥嵘初现:主权金融时代的来临

近年来,Web3领域的创新似乎遇到了瓶颈,DeFi(去中心化金融)从热潮的巅峰逐渐进入了一个沉寂期。我们再也没有见到像DeFi Summer那样的行业兴奋,资本市场的动荡和Meme币的出现,似乎让人们忘记了曾经的区块链技…

解析Eureka的架构

1. 引言 1.1 Eureka的定义与背景 Eureka是由Netflix开发的一个RESTful服务,用于服务发现。它是微服务架构中的一个核心组件,主要用于管理服务的注册和发现。Eureka允许服务提供者注册自己的服务信息,同时也允许服务消费者查询可用的服务&am…

【AI技术】PaddleSpeech

【AI技术】PaddleSpeech 技术介绍优点缺点 部署基础环境的搭建分步详解国内镜像源切换所需环境1 g所需环境2 vim所需环境3 cuda所需环境4 cudnn所需环境5 ssl源码拉取PaddleSpeech环境安装 部署文件分享DockerHub 技术介绍 PaddleSpeech是飞浆平台的一款TTS框架。 优点 开源…

线路管网的可视化大屏,能够加载轻易感知不到的数据。

线路管网的可视化大屏具有独特的优势。它能够将通常轻易感知不到的数据清晰地呈现出来。通过直观的图表、图像和动态效果,展示管网的布局、流量、压力等信息。 色彩的运用可以区分不同的管线和状态,便于快速识别问题区域。借助可视化大屏,工…

MATLAB 在数组的元素后面使用百分号 `%` 添加注释时会将其误认为是行分隔符,导致数组维度不一致

该警告提示 MATLAB 在数组的元素后面使用百分号 % 添加注释时会将其误认为是行分隔符,导致数组维度不一致。为了解决这个问题,您可以采用以下两种方法之一: 使用分号 ; 替换逗号 ,:这会将每个注释作为新行的开始,更加…

大数据分库分表方案

分库分表介绍 分库分表应用场景 分库分表介绍 大数据分库分表是一种数据库架构技术,旨在应对大数据量场景下的数据库性能瓶颈。以下是对大数据分库分表的详细解释: 一、定义与背景 定义: 分库:将一个大型数据库按照一定的规则…