加油！！！

1、<img>的title和alt有什么区别?

1、alt： 图片加载失败时，显示在网页上的替代文字

2、title： 鼠标放在上面时显示的文字

3、alt 是必要属性，title 非必要

2、html5有哪些新特性、移除了那些元素？

（1）新增特性

　　a、新增标签

　　    article、aside、audio、bdi、canvas、command、datalist、details、embed、figcaption、figure、footer、header、
　　hgroup、keygen、mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video
　　其中常用标签：article、aside、audio、video、canvas、footer、header、nav、section
　　b、新增localStorage、sessionStorage
　　c、新增contenteditable属性 （任何dom节点只要加上contenteditable="true"就可以变得可编辑）
　　d、Geolocation 地理定位
（2）移除特性
　　<basefont> 默认字体，不设置字体，以此渲染，<font> 字体标签，<center> 水平居中，<u> 下划线，<big> 大字体 
　　<strike> 中横线，<tt> 文本等宽

3、WEB标准以及W3C标准是什么?

1、标签闭合

2、标签小写

3、嵌套正确

4、外部链接css和js

5、提倡结构、表现和行为相分离（HTML结构、CSS表现、JavaScript行为）

4、xhtml和html有什么区别?

1、XHTML 元素必须被正确地嵌套。

2、XHTML 元素必须被关闭。

3、标签名必须用小写字母。

4、XHTML 文档必须拥有根元素。

5、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

1. <!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器以何种模式来渲染文档。

2. 严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。

3. 在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

4. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

6、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？

行内元素

1、设置宽高无效

2、对margin仅设置左右方向有效，上下无效；padding上下左右都有效，会撑大空间

3、不会自动进行换行

块级元素

1、能够识别设置宽高

2、margin和padding的上下左右均对其有效

3、独占一行

7、HTML全局属性(global attribute)有哪些

html属性赋予元素意义和语境，可以用于任何的html元素

1、class：为元素设置类标识

2、data-*：为元素增加自定义属性

3、id：元素id，文档内唯一

4、lang：元素内容的语言

5、style：行内css样式

6、title：元素相关的建议信息

7、dir：规定元素中内容的文本方向（ltr：从左到右， rtl：从右到左）

8、contenteditable：html新增属性，设置true后可编辑元素

9、hidden：隐藏一个html元素

8、Canvas和SVG有什么区别？

Canvas

1、可伸缩矢量图形

2、放大缩小不会失真

SVG

1、HTML5新加的元素

2、使用XML描述2D图形的语言

9、HTML5 为什么只需要写 <!DOCTYPE HTML>？

<!DOCTYPE HTML> 是文档类型声明，它声明了文档类型为html5，告诉浏览器和其他开发者，该文档使用的是html5标准

2022年前端面试题-HTML篇的更多相关文章

  1. 2019年前端面试题 | CSS篇 （更新于4月15日）

    虽说刷面试题有走捷径之嫌,但我发现,对于我这样没有工作经历的人来说,其实是拓展自己实战技能和加深知识理解的一个好机会. 分享出来,也希望大家不要背完了事,正经的去细细琢磨各种原由. 本篇是一个题目合集 ...

  2. 2021年前端面试题-HTML篇

    1.<img>的title和alt有什么区别? 1.alt:图片加载失败时,显示在网页的替代文字 2.title:鼠标放在上面时显示的文字 3.alt是必要属性,title非必要 2.WE ...

  3. 前端面试题 -- JS篇

    前端面试题 -- JS篇 类型 1.js中有哪些数据类型,并解释清楚原始数据类型和引用数据类型 js中共有null,undefined, string,number,boolean,object六种数 ...

  4. 前端面试题 ---- html篇

    想要换工作了,转载自https://www.cnblogs.com/zhangshuda/p/8464772.html,感谢原博主. 一.html 1.html和xhtml区别 1. html:超文本 ...

  5. 前端面试题 ----css篇

    转载自https://www.cnblogs.com/zhangshuda/p/8465043.html,感谢原博主 1.css盒模型有哪些及区别content-box border-box padd ...

  6. 前端面试题（html篇）

    前端面试题(html篇)

  7. 史上最全前端面试题(含答案)-A篇

    HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外 链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被更多的用户所 ...

  8. 前端面试题总结（一）HTML篇

    前端面试题总结(一)HTML篇 一.iframe的优缺点? 缺点: 1.会阻塞主页面的onload事件(iframe和主页面共享链接池,而浏览器对相同域的链接有限制,所以会影响页面的并行加载). 解决 ...

  9. 前端面试题总结（二）CSS篇

    前端面试题总结(二)CSS篇 一.link和@import的区别? link属于HTML标签,可以引入出css以外的事务,如RSS,而@import是css提供的,只能加载css文件. link会在页 ...

  10. 前端面试题总结（三）JavaScript篇

    前端面试题总结(三)JavaScript篇 一.谈谈对this的理解? this是一个关键字. this总是指向函数的直接调用者(而非间接调用者). 如果有new关键字,this指向new出来的那个对 ...

随机推荐

  1. vuePress2.x 多页面 多目录生成方案

    前言 因为官网介绍的都只有一个'一级标题' 只有一个markdown文件 最终编译后也只有一个html文件,类似于spa 单页项目 如何才有多页项目呢 百度查询 网上插件库有很多,大部分不能用, 后来 ...

  2. macBook本地安装mysql

    下载软件https://dev.mysql.com/downloads/ 找到MySQL Community Server,点击下载下载页选择合适的版本下载就行,一般选择第一个macOS 10.15 ...

  3. Eclipse WindowBuilder(SWT)插件安装及初次使用记录（萌新）

    Eclipse WindowBuilder(SWT)插件安装及初次使用(萌新) 一.插件安装 (有VPN的挂VPN,服务器在外网更新下载比较慢) 1.首先更新到最新版本 点击Help,点击check ...

  4. 前端开发系列013-基础篇之Javascript面向对象(二)

    一.面向对象的三大特性 面向对象的三大特性 → 封装.继承.多态 封装 作用 复用 | 信息隐蔽 //01 封装的简单说明 //001 观察以下杂乱无关的语句,它们仅仅只是一堆无意义的全局变量 var ...

  5. 使用Petalinux2022搭建ZYNQ系统镜像问题记录

    背景: 使用Petalinux构建linux系统,虽然便利,但是对于驱动开发不够灵活,且将rootfs与内核打包在一起,导致启动速度慢,因此: 将FPGA bit文件从BOOT.BIN分开 image ...

  6. 如何通过ETL把StarRocks中的数据同步到数仓

    在数据驱动决策的时代,企业对于数据处理和分析的需求日益增加.ETL作为数据处理的核心环节,扮演着将原始数据转化为有价值信息的关键角色.而StarRocks作为一款极速全场景MPP(Massively ...

  7. 时钟系统(基于stm32f1)

    时钟系统(基于stm32f1) 0. 提要 本文将基于cubemx中的时钟树配置结合datasheet来讨论stm32的时钟系统, 从左到右, 从上到下 图1-stm32cubemx f1 芯片时钟树 ...

  8. CloudQuery 社区版重启 | 我们做了哪些准备？

    Hello,大家好! 几天前发布的那篇 社区启动预热文章 引起巨大反响,不少社区的小伙伴联系我们,询问这次重启与以往相比有哪些变化,会不会举行发布会之类问题.所以今天我们就来跟大家讲讲我们此次重启的构 ...

  9. 从资源闲置到弹性高吞吐，JuiceFS 如何构建 70GB/s 吞吐的缓存池？

    AI 模型的训练与推理对存储系统提出了极为严苛的要求,特别是在高吞吐.高并发以及对海量小文件的高效处理方面,已成为三大主要挑战.尽管基于 Lustre 或 GPFS 的并行文件系统具备出色的性能,但其 ...

  10. WPF Stylet可以如何实现导航功能？

    前言 本文是学习Stylet中导航Demo的总结,希望对你有所帮助. Demo所在的位置: 先看一下导航的效果: 首页 通过上面导航到Page 2: 通过Page1导航到Page2: Stylet是如 ...