面试第一篇 — HTML

原创 86184893 随笔 面试 134阅读 2019-02-21 14:26:33 举报

1.XHTML和HTML有什么区别

HTML是一种基本的WEB网页设计语言,XHTML是一个基于XMl的置标语言
最主要的不同:
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素

2.什么是语义化的HTML?

语义化的HTML就是写出的HTML代码,符合内容的结构化(内容语义化),选择合适的标签(代码语义化),能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
简述一下你对HTML语义化的理解?
1.有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。
2.在没有CSS的时候能够清晰的看出网页的结构,增强可读性。
3.便于团队开发和维护,语义化的HTML可以让开发者更容易的看明白,从而提高团队的效率和协调能力。
4.支持多终端设备的浏览器渲染。

3.常见的浏览器内核有哪些?

Trident内核:IE,MaxThon,TT,The Word,360,搜狗浏览器等。[又称为MSHTML]
Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等;
Presto内核:Opera7及以上。[Opera内核原为:Presto,现为:Blink]
Webkit内核:Safari,Chrome等。[Chrome的:Blink(Webkit的分支)]
常见哪几种浏览器测试?有哪些内核(Layout Engine)?
浏览器:IE、Chrome、FireFox、Safari、Opera
内核:Trident、Gecko、Presto、Webkit

4.HTML5有哪些新特性,移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?

  • HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加。
  • 绘画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新标签,浏览器支持新标签后,还需要添加标签默认的样式。

5.请描述一下cookies,sessionStorage(会话存储)和localStrorage(本地存储)的区别?

cookie在浏览器和服务器间来回传递。sessionStorage和localStorage不会;
sessionStorage和localStorage的存储空间更大;
sessionStorage和localStorage有更多丰富易用的接口;
sessionStorage和localStorage各自独立的存储空间;
(1)请描述一下cookies、sessionStorage和localStorage区别?
cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。
cookie数据始终在同源的http请求中携带(即使不需要),即会在浏览器和服务器间来回传递。
sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存
存储大小:
cookie数据大小不能超过4K。
sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
有期时间:
localStorage:存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;
sessionStorage:数据在当前浏览器窗口关闭后自动删除
cookie:设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭

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

调用localstorage,cookies等本地存储方式
WebSocket、SharedWorker
localstroge另一个浏览器上下文被添加、删除或修改时,它都会触发一个事件,我们通过监听事件,控制它的值来进行页面信息通信。
注意quirks:Safari在无痕迹模式下设置localstorge值抛出QuotExceededError的异常。

7.HTML5为什么只需要写!DOCTYPE HTML?

HTMl5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行);而HTMl4.01基于SGMA,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

8.Doctype作用?标准模式与兼容模式各种什么区别?

!Doctype声明位于HTML文档的第一行,处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。doctype不存在或格式不正确会导致文档以兼容模式呈现。
标准模式的排版和JS运作模式都是该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式来显示,模拟老式浏览器的行为以防止站点无法工作。

9.Doctype?严格模式与混杂模式如何触发这两种模式,区分它们有何意义?

用于声明文档使用哪种规范(html/Xhtml)一般为严格过渡基于框架的html文档。
加入XML声明可触发,解析方式更改为IE5.5拥有IE5.5的Bug。

9(1)、HTML5为什么只需要写<!DOCTYPE HTML>?

HTML5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来进行)
而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

10、html document是干嘛的?

HTML即:超文本标记语言,标准通用标记语言的一个应用,“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。
HTML Document即:HTML Document对象,每个载入浏览器的HTML文档都会成为Document对象
由于Document对象是window对象的一部分,所以可通过window.document属性对其进行访问。

11、html5哪些操作可以SEO优化

title标签;meta标签;header标签;footer标签
元标签(meta标签);导航标签(nav标签);文章标签(article标签);左或右侧标签(aside标签)

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复