Web前端开发企业笔试(HTML上篇)

上元君
2021-09-26 16:40:05
3人阅读

1、块级元素和行内元素有哪些?并阐述块元素与行元素的区别。

常见块级元素:div、h1-h6、p、ul、ol、li、dl、dt、dd、form、table、label、header、footer、nav、section、article、aside、address等

常见行内元素:a、img、span、i、em、sub、sup等

常见的行块级元素:button、input、textarea、select、img等

块级元素:总是在新行上开始,占据一行(它的容器的100%),宽高、内外边距可以设置,可以包含行内元素和块元素

行内元素:和其他元素都在一行上,宽度由它包含的内容大小决定,宽高、内外边距不可设置,只能包含文本与其他行内元素,不可包含块级元素

行块级元素:综合了块级元素和行内元素的特性,但各有取舍,不占据一行,可以设置宽高、内外边距

2、<!DOCTYPE html>的作用是?

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前

作用:指示 web 浏览器当前页面是使用哪个 HTML 版本进行编写的,它也是HTML5的声明

3、HTML5有哪些新特性?

1文档声明以及编码声明发生了改变:

html5声明文档类型的方法:<!doctype html>

声明文档编码:<meta charset="utf-8">

(2)新增结构标签(结构标签就是有语意的块状元素):

nav:标记定义导航链接

header:标记定义一个页面或一个区域的头部

section:标记定义一个区域

aside:标记定义页面内容部分的侧边栏

article:标记定义一篇文章

footer:标记定义一个页面或一个区域的底部

(3)新增多媒体标签:

  <video> 页面中插入视频内容

<audio> 页面中插入音频内容

<source> 可定义多个媒体资源

(4)绘图标签:

  <canvas> 绘制图片

<svg> 矢量图

(5)Web本地存储

  cookie、sessionStorage、localStorage

共同点:

cookiesessionStoragelocalStorage都是用来在浏览器存储本地数据

区别:

cookie数据始终在同源的http请求中携带(即使不需要),它是http协议的一部分,sessionStoragelocalStorage不会自动把数据发给服务器,仅在本地保存,存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,sessionStoragelocalStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大,并且不会自动把数据发给服务器,cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。

localStorage始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据存储。sessionStorage,一旦窗口或浏览器被关闭了,那么所有通过sessionStorage存储的数据也就被清空了。不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 sessionStorage和localStorage(页面属于相同域名和端口)

上一篇
收官之作 | 11月15日在南京《10万年薪财务人员必备十大技能》公益课最后一场,错过太可惜!
月薪过万,他们90后都是做哪些工作的?
下一篇
扫码获取粉丝好礼
免费资料领取
最近直播
更多
空数据 undefined
APP下载
公众号
免费资料
顶部