【前端程序员面试秘籍】01—23道HTML题(附答案)

来源 | 前端程序员面试秘籍一书

这个系列的内容&＃xff0c;均来源于《前端程序员面试秘籍》这本书里&＃xff0c;通过这本书&＃xff0c;你也可以清楚的了解到前端开发人员需要学习哪些知识&＃xff0c;掌握哪些内容&＃xff0c;算是一本大纲书。

这本书&＃xff0c;我们为大家提供了电子版的&＃xff0c;你也可以通过网上购买正版图书&＃xff0c;或者通过下面地址进行购买。也是对作者的一种支持。

因为是面试题&＃xff0c;主要以刷题为主&＃xff0c;所以你不能要求太高&＃xff0c;这个也比较适合有一点基础的同学作为知识点的归类整理看看。

另外&＃xff0c;如果你想要电子版的话&＃xff0c;请到公众号聊天窗口回复“面试秘籍”即可获得这本书的电子版。

或者直接通过以下地址进行直接下载即可。

图书电子版下载地址&＃xff1a;

https://089u.com/file/21793581-398105382

另外&＃xff0c;在此声明&＃xff0c;本公号分享的所有电子版图书仅作为学习使用&＃xff0c;请勿商用&＃xff0c;谢谢大家配合。

关于本书作者

张容铭&＃xff0c;前百度高级工程师&＃xff0c;是《Javascript设计模式》一书的作者。

以下内容来源《前端程序员面试秘籍》的第一章&＃xff0c;后面其他章节&＃xff0c;我也会均跟大家进行分享&＃xff0c;今天先来看看这23道HTML的面试题&＃xff0c;大家一起来感受一下。

以下是正题内容&＃xff1a;

01、谈谈你对Web 标准以及W3C 的理解和认识。

标签要闭合&＃xff0c;英文小写&＃xff0c;且不要嵌套混乱&＃xff0c;用标签语义化来提高搜索的概率。使用外链式的 CSS 和JS ( Javascript 的缩写&＃xff09;脚本&＃xff0c;使结构、样式、行为分离&＃xff0c;内容能被更广泛的设备所访问 &＃xff0c;代码精简&＃xff0c;开发组件化 &＃xff0c;代码易维护、 可复用&＃xff0c;改版、升级方便。

02、HTML和XHTML有什么区别&＃xff1f;

HTML在 是一种基于 Web 网页的设计语言&＃xff0c; XHTML 是一种基于 XML 、语法严格、 标准的设计语言。

两者主要的不同是 XHTML 元素必须正确地嵌套&＃xff0c;元素必须关闭&＃xff0c;标签必须小写 必须有根元素&＃xff1b;HTML 没有这些限制。

03、严格模式和混杂模式如何区分&＃xff1f;如何触发这两种模式&＃xff1f;

严格模式就是浏览器根据 Web 标准去解析页面的方法&＃xff0c;是一种要求严格的 DTD&＃xff0c; 不允许使用任何表现层的语法&＃xff1b;混杂模式是一种向后兼容的解析方法。

触发严格模式或者标准模式很简单&＃xff0c;就是在 HTML 标签前声明正确的DTD&＃xff1b;触发混杂模式可以在HTML文档开始时不声明 DTD &＃xff0c;或者在 DOCTYPE 前加入 XML 声明。

04、什么是静态网页&＃xff1f;什么是动态网页&＃xff1f;

静态网页是指没有数据交互的网页&＃xff0c;即没有数据库参与&＃xff0c;没有服务器端数据的加载。比如静态网页就是只有HTML&＃43;CSS&＃43;Javascript 做成的网站。

动态网页是指有后台数据参与的网页&＃xff0c;网页中的数据是从数据库中提取的&＃xff0c;需要有后台逻辑的支持。比如动态网页就是JSP 页面&＃xff08;后台语言是Java &＃xff09;、ASP 页面&＃xff08;后台语言是ASP.NET &＃xff09;等。

注意&＃xff1a;认为有动画的网页就算动态网页&＃xff0c;这是一个严重的误区。

05、DOCTYPE 有什么作用&＃xff1f;区分严格模式与混杂模式有何意义&＃xff1f;

 <&＃xff01;DOCTYPE > 声明位于文档中的最前面&＃xff0c;位于&＃xff1c;html &＃xff1e; 标签之前&＃xff0c;即告知浏览器的解析器&＃xff0c;用什么文档类型规范来解析这个文档。DOCTYPE 不存在或格式不正确都会导致文档以混杂模式呈现。

区分严格模式与混杂模式的意义如下。

严格模式的排版和JavaS cript 运行模式以该浏览器支持的最高标准运行。在混杂模式中&＃xff0c;页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作&＃xff08;主要针对IE 浏览器&＃xff09;。

06、如何调试网页代码&＃xff1f;如何查看网页源代码&＃xff1f;

 要调试网页代码&＃xff0c;在Windows 系统下按F12键或者按Ctrl &＃43;Shift&＃43;I(MAC OS中是Option &＃43; Command十C &＃xff09;组合键&＃xff0c;打开开发者调试工具。

要查看网页源代码&＃xff0c; 按鼠标右键查看页面源代码。

07、语义化的主要目的是什么&＃xff1f;

语义化的主要目的可以概括为用正确的标签做正确的事情。

HTML 语义化可以让页面的内容结构化&＃xff0c;使于浏览器解析和搜索引擎解析&＃xff0c;并提高代码的可维护度和可重用性。

比如&＃xff0c;尽可能少使用无语义的标签&＃xff1c;div&＃xff1e;&＃xff0c; 而多使用语义化的标签

08、锚点的作用是什么&＃xff1f;如何创建锚点&＃xff1f;

锚点是文档中某行的一个记号&＃xff0c;类似于书签&＃xff0c;用于链接到文档中的某个位置。当定义锚点后&＃xff0c;可以创建直接跳至该锚点&＃xff08;比如页面中某个小节&＃xff09;的链接&＃xff0c;这样使用者就无须不停地滚动页面来寻找他们需要的信息了。

在使用&＃xff1c;a&＃xff1e;元素创建锚点时&＃xff0c;可以使用name 属性为其命名&＃xff08; W3C 规范&＃xff09;。

对其他元素&＃xff0c;还可以使用id 属性为其命名&＃xff0c;代码如下所示。

  web前端开发-有课网  前端培训欢迎你的来到 一< /a>


然后就可以创建链接&＃xff0c;羊击链接&＃xff0c;直接跳转到锚点&＃xff0c;代码如下所示。

欢迎来到前端开发学习网&＃xff0c;www.webqdkf.com   前端培训学校 


09、列举常用的结构标签&＃xff0c;并描述其作用。

结构标签专门用于标识页面的不同结构&＃xff0c;相对于使用&＃xff1c; div&＃xff1e;元素而言&＃xff0c; 结构标签可以实现语义化的标签。

常用的结构标签有以下几种。

•

•