"前端开发面试题.pdf中的DOCTYPE和HTML5标准模式解释"

版权申诉

84 浏览量更新于2024-02-22 收藏 107KB PDF 举报

前端开发面试题.pdf；前端开发面试题.pdf;HTML 1.Doctype作用？标准模式与兼容模式各有什么区别? （1）、<!DOCTYPE> 声明位于位于HTML文档中的第一行，处于<html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版和 JS 运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。2.HTML5 为什么只需要写<!DOCTYPE HTML>？HTML5 不基于SGML ，因此不需要对DTD 进行引用，但是需要 doctype 来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；而HTML4.01 基于 SGML, 所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。3.行内元素有哪些？块级元素有哪些？空(void)元素有那些？首先： CSS 规范规定，每个元素都有display 属性，确定该元素的类型，每个元素都有默认的 display 值，如 div 的 display 默认值为“block” ，则为“ 块级” 元素；span 的 display 默认值为 “inline” ，则为“行内”元素；空元素是指没有实际内容的 HTML 元素，例如<br> <hr> <img> <input> <link> <meta>。HTML元素按类型可以分为三大类：块级元素，行内元素，和空元素。 4.HTML全局属性(global attribute)有哪些？ class id style title 5.为什么可能利用多个`<div>`标签布局，而不用表格？因为表格使内容和表现耦合在一起，不容易维护，而且表格对代码阅读和搜索引擎抓取不友好，可能会导致排名下降；另外表格样式修改也不灵活。 6.在网页中的看到一个好的设计，具体是指哪些方面（交互、内容、美感、布局编排）内容为王、交互为王、美感、布局编排 7.元素的alt和title属性。区别是？ (1)、alt 是 <img>，<area>，<input> 元素等的特有属性，是指图片加载不出时的替代文本。title 是全局属性，可以为元素提供附加的信息。 (2)、title 属性作为全局属性，几乎所有元素都能使用，显示为工具提示。alt 属性是针对图像的，title 是针对除 input 外的元素。 8.HTML5的文件离线储存怎么使用，工作原理是什么？localStorage 的持久化存储。工作原理：浏览器自动将站点的资源缓存到本地，用户在离线时仍可以访问应用的功能。 9.请描述一下cookies，sessionStorage和localStorage的区别？ (1)、cookie：有路径和失效时间的，存储在客户端，4KB，包括在每个http请求中。 (2)、sessionStorage 是一种会话级别的持续化存储机制，数据关闭浏览器时会被清除，并且并不是在每个 HTTP 请求中都会发送到服务器。 (3)、localStorage 是一种持久化存储机制，除非有人故意去删除它，否则它将永远存在。 10.说说你对语义化的理解？为什么要语义化？语义化就是通过标签的合理使用，是 Web 页面结构的代码更具有可读性、可稳健的结构。语义化的原因有：（1）、提升页面的可读性；（2）、有利于搜索引擎的抓取；（3）、方便其他设备解析（如屏幕阅读器、移动设备）。以上是一些HTML相关的面试题答案，通过这些问题我们可以对HTML的一些重要概念和知识点有所了解。希望对大家前端开发的学习和面试有所帮助。

sessionStorage和 localStorage 的存储空间更大；

sessionStorage和 localStorage 有更多丰富易用的接口；

sessionStorage和 localStorage 各自独立的存储空间；

14.如何实现浏览器内多个标签页之间的通信 ? (阿里 )

调用 localstorge、cookies 等本地存储方式

15.webSocket如何兼容低浏览器？ (阿里)

Adobe Flash Socket 、 ActiveX HTMLFile (IE) 、基于 multipart 编码发送 XHR 、基于

长轮询的 XHR

CSS

16.介绍一下 CSS的盒子模型？

（1）有两种， IE 盒子模型、标准 W3C 盒子模型；IE 的 content部分包含了 border 和 pading;

（2）盒模型：内容 (content)、填充 (padding) 、边界 (margin) 、边框 (border).

17.CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计

算？ CSS3 新增伪类有那

些？

* 1.id 选择器（ # myid ）

2.类选择器（ .myclassname）

3.标签选择器（ div, h1, p ）

4.相邻选择器（ h1 + p）

5.子选择器（ ul > li ）

6.后代选择器（ li a）

7.通配符选择器（ * ）

8.属性选择器（ a[rel = "external"] ）

9.伪类选择器（ a: hover, li: nth - child ）

* 可继承的样式： font-size font-family color, UL LI DL DD DT;

* 不可继承的样式： border padding margin width height ;

* 优先级就近原则，同权重情况下样式定义最近者为准 ;

* 载入样式以最后载入的定位为准 ;优先级为 :

!important > id > class > tag

important 比内联优先级高

18.CSS3新增伪类举例：

p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。

剩余16页未读，继续阅读

lzx13599381087

粉丝: 2
资源: 9万+

"前端开发面试题.pdf中的DOCTYPE和HTML5标准模式解释"

前端开发面试题含答案.pdf

前端开发面试题及答案.pdf

前端开发面试题2.pdf

前端vue面试题.pdf

2022Go后端开发大厂面试题.pdf

北理工 成电 东南——通信/信号保研面试真题.pdf

互联网大厂java工程师面试题.pdf

武大+上科大+声学所——通信/信号保研面试真题.pdf v

高级前端工程师面试题答案 pdf

2020年前端大厂面试题最全汇总.pdf

最新资源

北理工成电东南——通信/信号保研面试真题.pdf