前端之HTML面试知识宝典

1、什么是 HTML?

答、HTML 并不是真正的的程序语言,他是一种标记语言 ,用来结构化和含义化你想要放在 web 网站上的那些内容。它由一系列的元素(elements)所组成,这些元素可以用来
封装你的内容中担任不同工作的各部分和各个角色。

2、什么是 CSS?

答、就像 HTML,CSS 也不是真正的编程语言。它是样式表语言,也就是说,它允许你有选择性的为 HTML 文档的元素添加样式。

3、什么是 JavaScript?

答、JavaScript(缩写:JS)是一门成熟的动态编程语言,当应用于 HTML 文档时,可以

在网站上提供动态交互性。

4、其他了解知识!

答、JS 发明者(JS 之父、Brendan Eich 布兰登•艾奇)

前端权威论坛:MDN W3C
前端权威书籍:JS 高级程序设计 JS 权威指南

1、HTML5 为什么只需要写 ?

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

2、html5 有哪些新特性、HTML5 新标签的浏览器兼容问题如何处理?

答、html5 新增了以下的几大类元素:
内容元素:article、footer、header、nav、section。
表单控件:calendar、date、time、email、url、search。控件元素:webworker, websockt, Geolocation。
移出的元素有下列这些:
显现层元素:basefont,big,center,font, s,strike,tt,u。

性能较差元素:frame,frameset,noframes。
HTML5 已形成了最终的标准,概括来讲,它主要是关于图像,位置,存储,多任务等功能的增加。
新增的元素有绘画 canvas ,用于媒介回放的 video 和 audio 元素,本地离线存储localStorage 长期存储数据,浏览器关闭后数据不丢失,而 sessionStorage 的数据在浏览器关闭后自动删除。
新的技术:canvas,svg,webworker, websocket, Geolocation

3、简述一下你对 HTML 语义化的理解。

答:(1)HTML 语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析;
(2) 即使在没有样式 CSS 的情况下也能以一种文档格式显示,并且是容易阅读的;
(3) 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重,有利于
SEO;
(4) 使阅读源代码的人更容易将网站分块,便于阅读、维护和理解。

4、XHTML 与 HTML 有什么区别?

答、xhtml:1.所有的标记都必须要有一个相应的结束标记
2. 所有标签的元素和属性的名字都必须使用小写
3. 所有的 XML 标记都必须合理嵌套

  1. 所有的属性必须用引号""括起来
  2. 把所有<和&特殊符号用编码表示
  3. 给所有属性赋一个值=""
  4. 不要在注释内容中使“–”=""
  5. 图片必须有说明文字="" <="" code=""/>

5、Doctype 作用? 严格模式与混杂模式如何区分?它们有何意义?

(1) <!DOCTYPE> 声明位于文档中的最前面,处于 标签之前。告知浏览器以何种模式来渲染文档。
(2) 严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。
(3) 在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
(4) DOCTYPE 不存在或格式不正确会导致文档以混杂模式呈现。

6、介绍一下你对浏览器内核的理解?常见的浏览器内核有哪些?

答、要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如标准通用标记语言下的一个应用 HTML、JavaScript)并渲染(显示)网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏

览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。
常见浏览器内核
Trident 内核:IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称 MSHTML] Gecko 内核:Netscape6 及以上版本,FF,MozillaSuite/SeaMonkey 等。Presto 内核:Opera7 及以上。 [Opera 内核原为:Presto,现为、Blink;] Webkit 内核:Safari,Chrome 等。 [ Chrome 的:Blink(WebKit 的分支)]
EdgeHTML 内核:Microsoft Edge。 [此内核其实是从 MSHTML fork 而来,删掉了几乎所有的 IE 私有特性]

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

  1. 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链 css 和 js
    脚本、结构行为表现的分离,
  2. 文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,
  3. 容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性。

8、Iframe 的作用?
答、用法:

Iframe 是用来在网页中插入第三方页面,早期的页面使用iframe 主要是用于导航栏这种很多页面都相同的部分,这样可以在切换页面的时候避免重复下载。
优点:便于修改,模块分离,像一些信息管理系统会用到。
但现在基本上不推荐使用。除非特殊需要,一般不推荐使用。缺点:(1)iframe 的创建比一般的DOM 元素慢了 1-2 个数量级
(2) iframe 标签会阻塞页面的加载,如果页面的 onload 事件不能及时触发, 会让用户觉得网页加载很慢,用户体验不好.在 Safari 和 Chrome 中可以通过 js 动态设置iframe 的 src 属性来避免阻塞.
(3) iframe 对于 SEO 不友好,替代方案一般就是动态语言的Incude 机制和
ajax 动态填充内容等.

Guess you like

Origin blog.csdn.net/pgzero/article/details/105586010