版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_37504436/article/details/87876158
如何区分HTML和HTML5
HTML5有哪些新特性,移除了哪些元素
主要是关于图像,位置,存储,多任务等功能的增加。
- 绘画canvas
- 用于媒介回放的video和audio元素
- 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失;
- sessionStorage的数据在浏览器关闭后自动删除
- 语意化更好的内容元素,比如article,footer,header,nav,section
- 表单控件:calendar,date,time,email,url,search
- 新的技术webworker,websocktGeolocation
移除的元素:
- 纯表现的元素:basefont,big,center,font,s,strike,tt,u;
- 对可用性产生负面影响的元素:frame,frameset,noframes;
如何处理HTML5新标签的浏览器兼容问题?
IE8/IE7/IE6支持通过document,createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式
行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
- 行内元素:a、b、span、img、input、strong、select、label、em、button、textarea
- 块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote
- 空元素:即系没有内容的HTML元素,例如:br、meta、hr、link、input、img
a标签怎么设置宽高?
第一 a{display:block; width:100px; height:60px;}
第二种 加浮动 ,左浮动右浮动均可, 浮动之后,默认转换块显示 a{float:left;:width:100px; height:60px; }
请描述一下cookies、sessionStorage和localStorage区别?
- cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。
- cookie数据始终在同源的http请求中携带(即使不需要),即会在浏览器和服务器间来回传递。
- sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存
存储大小:
- cookie数据大小不能超过4K。
- sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
有期时间:
- localStorage:存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;
- sessionStorage:数据在当前浏览器窗口关闭后自动删除
- cookie:设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭