高邮哪有Web前端全栈开发培训_上元教育笔试集锦
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
共同点:
cookie、sessionStorage和localStorage都是用来在浏览器端存储本地数据
区别:
cookie数据始终在同源的http请求中携带(即使不需要),它是http协议的一部分,sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存,存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大,并且不会自动把数据发给服务器,cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
localStorage始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据存储。sessionStorage,一旦窗口或浏览器被关闭了,那么所有通过sessionStorage存储的数据也就被清空了。不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的sessionStorage和localStorage(页面属于相同域名和端口)
地址:扬州高邮市通湖路203号(北海水榭华庭华星地产5楼上元教育)
联系人:蔡老师