HTML面试题(四)

HTML面试题(四)

空元素有哪些




叫空元素原因:
没有HTML的内容,一个标签不是成对的,在开始的标签里就闭合

link 和@import 的区别是?

  • link是HTML中的标签,@import是css提供的
  • 页面加载时,link会在页面加载的同时加载完成,而@import要在页面加载完成之后再加载
  • link的权重大于@import
  • @import只能在IE5以上才能被识别,link属于XHTML标签,无兼容性问题

如何区分HTML和HTML5

  • 在文档类型声明上
      HTML声明:
     在这里插入图片描述
     HTML5声明:<!doctype html>
      上面的两种声明,HTML5声明简洁方便人们的记忆,HTML声明太长了并且很难记住这段代码。
  • 在结构语义上
     HTML:没有体现结构语义化的标签,通常都是这样来命名的,这样表示网站的头部。
      HTML5:在语义上却有很大的优势,提供了一些新的HTML5标签比如: article、footer、header、nav、section,这些通俗易懂。

支持HTML5新标签

IE8/IE7/IE6都支持通过document.creatElement方法产生的标签,可以利用这一特性让浏览器支持HTML5新标签。浏览器支持新标签后,还要添加浏览器的默认方式。

  • 最好的方式是直接使用成熟的框架。使用最多的是html5shim框架。
  <!--[if lt IE 9]>
 <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
   <![endif]-->

HTML5的离线储存

  • localStorage
    长期保存数据,浏览器关闭后数据也不消失

  • sessionStorage
    数据在浏览器关闭后自动删除

iframe有那些缺点

首先我们要知道什么是iframe:
iframe是HTML标签,作用是文档中的文档,或者是浮动的框架,iframe会创建包含另一个文档的内联框架,即行内框架。
缺点:

  • iframe会阻塞主页面的onload事件
  • iframe和主页面共享连接池,而浏览器对相同域的链接有限制,所以会影响页面的并行加载。
  • 使用iframe之前要考虑这两个缺点,如果需要使用iframe,最好通过JS动态给iframe添加一个src属性,这样可以绕开上述两点

cookies,sessionStorage 和 localStorage 的区别

  • cookie在浏览器和服务器之间来回传递,而localStorage和sessionStorage不会
  • localStorage和sessionStorage存储空间更大
  • localStorage和sessionStorage各自独立存储空间
  • localStorage和sessionStorage有更多丰富易用的接口

如何实现浏览器内多个标签页之间的通信

调用localStorage、cookie等本地存储方式

对WEB标准以及W3C的理解与认识

  • 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率
  • 使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;
发布了24 篇原创文章 · 获赞 5 · 访问量 414
App 阅读领勋章
微信扫码 下载APP
阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览