"前端开发面试题.pdf中的DOCTYPE和HTML5标准模式解释"
版权申诉
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的一些重要概念和知识点有所了解。希望对大家前端开发的学习和面试有所帮助。
2024-11-27 上传
lzx13599381087
- 粉丝: 2
- 资源: 9万+
最新资源
- MATLAB新功能:Multi-frame ViewRGB制作彩色图阴影
- XKCD Substitutions 3-crx插件:创新的网页文字替换工具
- Python实现8位等离子效果开源项目plasma.py解读
- 维护商店移动应用:基于PhoneGap的移动API应用
- Laravel-Admin的Redis Manager扩展使用教程
- Jekyll代理主题使用指南及文件结构解析
- cPanel中PHP多版本插件的安装与配置指南
- 深入探讨React和Typescript在Alias kopio游戏中的应用
- node.js OSC服务器实现:Gibber消息转换技术解析
- 体验最新升级版的mdbootstrap pro 6.1.0组件库
- 超市盘点过机系统实现与delphi应用
- Boogle: 探索 Python 编程的 Boggle 仿制品
- C++实现的Physics2D简易2D物理模拟
- 傅里叶级数在分数阶微分积分计算中的应用与实现
- Windows Phone与PhoneGap应用隔离存储文件访问方法
- iso8601-interval-recurrence:掌握ISO8601日期范围与重复间隔检查