Html基础面试题

最新推荐文章于 2024-08-09 18:20:18 发布

冰河星雨

最新推荐文章于 2024-08-09 18:20:18 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/baidu_26786335/article/details/108037868

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1.前端三要素：

html ,css ,js

2.谈谈你对B/S架构的认识？

就是浏览器/服务器模式，。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器，服务器安装服务器软件，数据库软件等。

3.html网页的结构

<html>
	<head>
	</head>
	<body>
	</body>
</html>

4.列出常见的标签，并简单介绍这些标签用在什么场景？

div,h1-h6,img,a,head,article,footer,

5.HTML5 有哪些新增的表单元素？

email 类型用于验证email的格式，当提交表单时会自动验证email域的值
url 类型用于验证 URL 地址的格式，当提交表单时会自动验证url域的值
number 类型会根据你的设置提供选择数字的功能，min属性设置最小值、max属性设置最大值，value属性设置当前值，step属性设定每次增长的值，某些浏览器还不支持
range 类型用于应该包含一定范围内数字值的输入域，其会以一个滑块的形式展现，min属性设置最小值、max属性设置最大值，value属性设置当前值，如果没有设置，则其默认值的范围是1-100
日期和时间类型：HTML5 拥有多个可供选取日期和时间的新输入类型：
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间（小时和分钟）
datetime - 选取时间、日、月、年（UTC 时间）
datetime-local - 选取时间、日、月、年（本地时间）
search 类型用于搜索域，比如站点搜索或 Google 搜索，为其加上results="s"属性，则会在搜索框前面加上一个搜索图标
tel类型用于验证输入的是否是电话格式的内容，此元素现在还没有浏览器支持
color类型会提供一个颜色拾取器，供用户选择颜色，并将用户选择的颜色填充到此元素中

6.HTML5 应用程序缓存和浏览器缓存有什么区别？

应用程序缓存是 HTML5 的重要特性之一，提供了离线使用的功能，让应用程序可以获取本地的网站内容，例如 HTML、CSS、图片以及 JavaScript。这个特性可以提高网站性能，它的实现借助于 manifest 文件，如下：<html manifest=”example.app***”>
与传统浏览器缓存相比，它不强制用户访问的网站内容被缓存。

7.说说name和id的区别或者理解？

name主要是表单元素里才有的属性。而id属性是任何一个HTML元素都会有的。
id唯一，name不唯一

8.浏览器的内核有哪些，你对内核的理解

浏览器的内核主要分成两部分渲染引擎和JS引擎
渲染引擎
负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。
浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
JS引擎
解析和执行javascript来实现网页的动态效果。最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎
Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]
Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等
Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]
Webkit内核：Safari,Chrome等。 [ Chrome的：Blink（WebKit的分支）]

9.H5的新特性你了解哪些？

用于绘画 canvas 元素。
用于媒介回放的 video 和 audio 元素。
本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 的数据在浏览器关闭后自动删除。
语意化更好的内容元素，比如 article、footer、header、nav、section。
表单控件，calendar、date、time、email、url、search

10.简述一下你对HTML语义化的理解

语义化标签可以更好的让机器和人理解程序员想要表达的意思。增强代码可读性

11.请描述一下cookies，sessionStorage和localStorage的区别？

Cookie实际上是一小段的文本信息。客户端请求服务器，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie，以此来辨认用户状态。
本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
sessionStorage 的数据在浏览器关闭后自动删除。