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

版权申诉
0 下载量 109 浏览量 更新于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的一些重要概念和知识点有所了解。希望对大家前端开发的学习和面试有所帮助。