前端面试必备：HTML篇详解——src与href、语义化及DOCTYPE的作用

版权申诉

110 浏览量更新于2024-08-23 收藏 278KB PDF 举报

"此资源为2021年高频前端面试题的HTML部分，涵盖了HTML标签的使用、语义化理解及DOCTYPE的作用等核心知识点。" 在前端开发中，HTML是构建网页的基础，对于面试者来说，掌握这些核心概念至关重要。首先，`src`和`href`是两个常见的属性，它们在引用外部资源时有着不同的行为： 1. `src`(source)主要用于插入或引用外部资源，例如图片、音频、视频或JavaScript文件。当浏览器解析到含有`src`的元素时，会暂停当前文档的加载，直至该资源下载并执行完毕。因此，JavaScript脚本通常放置在HTML文档的底部，以免阻塞页面的渲染。 2. `href`(hypertext reference)则用于创建超文本链接，它指向网络上的其他资源，如链接到其他网页、样式表（CSS）或其他文档。浏览器在遇到`href`时，会并行下载资源，同时继续处理当前文档，不影响页面的加载顺序。`href`常见于`<a>`和`<link>`标签中。 HTML语义化是现代网页设计的重要原则，有助于提高页面的可读性和可访问性： 2. HTML语义化意味着根据内容的结构选择合适的标签，使HTML代码能清晰表达其内容的意义。这不仅有利于搜索引擎优化（SEO），使得搜索引擎更容易理解页面内容，还有助于屏幕阅读器为视障用户提供更好的体验。常见的语义化标签包括`<header>`（头部）、`<nav>`（导航栏）、`<section>`（区块）、`<main>`（主要区域）、`<article>`（主要内容）、`<aside>`（侧边栏）和`<footer>`（底部）。 3. DOCTYPE（文档类型）声明是HTML文档的开头，它告诉浏览器文档遵循的规范。在HTML5中，DOCTYPE声明如下：`<!DOCTYPE html>`。这个声明影响浏览器的渲染模式，决定了浏览器如何解析CSS和JavaScript。存在两种渲染模式： - CSS1Compat（标准模式）：浏览器按照W3C的标准解析和呈现页面，提供更一致和准确的布局。 - BackCompat（怪异模式）：在这种模式下，浏览器使用自己的非标准解析方式，可能导致不同浏览器间的表现差异。掌握这些基本概念，对于前端开发者尤其是面试者来说，是展示专业技能和理解力的关键。在实际工作中，合理运用语义化和理解`src`与`href`的区别，以及正确设置DOCTYPE，能够提高代码质量，优化用户体验，并确保跨浏览器兼容性。

5. 常⽤的meta标签有哪些

meta 标签由 name 和 content 属性定义，⽤来描述⽹⻚⽂档的属性，⽐如⽹⻚的作者，⽹⻚描

述，关键词等，除了HTTP标准固定了⼀些 name 作为⼤家使⽤的共识，开发者还可以⾃定义name。

常⽤的meta标签：（1） charset ，⽤来描述HTML⽂档的编码类型：

（2） keywords ，⻚⾯关键词：

（3） description ，⻚⾯描述：

（4） refresh ，⻚⾯重定向和刷新：

（5） viewport ，适配移动端，可以控制视⼝的⼤⼩和⽐例：

其中， content 参数有以下⼏种：

width viewport ：宽度(数值/device-width)

height viewport ：⾼度(数值/device-height)

initial-scale ：初始缩放⽐例

maximum-scale ：最⼤缩放⽐例

minimum-scale ：最⼩缩放⽐例

user-scalable ：是否允许⽤户缩放(yes/no）

（6）搜索引擎索引⽅式：

复制代码

复制代码

复制代码

复制代码

maximum-scale=1">

复制代码

剩余13页未读，继续阅读

工具盒子

粉丝: 68
资源: 1311

前端面试必备：HTML篇详解——src与href、语义化及DOCTYPE的作用

「2021」高频前端面试题汇总之JavaScript篇.pdf

「2021」高频前端面试题汇总之CSS篇.pdf

「2021」高频前端面试题汇总之React篇.pdf

2023年高频前端面试题

2023vue高频前端面试题

2024 前端高频面试题

前端node高频面试题有哪些

尚硅谷大数据技术之高频面试题8.0.9.docx

web前端高频面试题

java最新高频面试题

最新资源