HTML/HTML5 基础知识 | 面试题专用

已于 2022-06-16 23:47:17 修改
阅读量4.5k 收藏 8
点赞数 2
分类专栏： HTML 文章标签： html html5 前端 面试
于 2021-04-21 23:22:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46267040/article/details/115984669
版权

本文已整理到 Github，地址 👉 blog。

如果我的内容帮助到了您，欢迎点个 Star 🎉🎉🎉 鼓励鼓励 😃 ~~

我希望我的内容可以帮助你。现在我专注于前端领域，但我也将分享我在有限的时间内看到和感受到的东西。

HTML HTML5 基础知识 — 面试题专用

DTD 介绍

  • DTD（Document Type Definition 文档类型定义）是一组机器可读的规则，它们定义 XML 或 HTML 的特定版本中所有允许元素及它们的属性和层次关系的定义。在解析网页时，浏 览器将使用这些规则检查页面的有效性并且采取相应的措施。
  • DTD 是对 HTML 文档的声明，还会影响浏览器的渲染模式（工作模式）

什么是 HTML？

HTML 是网页的基础。它代表超文本标记语言。

作为一个 Web 用户，当你访问本页面时，这个过程看起来是这样的：

  • 在设备上打开 Web 浏览器应用程序。
  • 单击指向此页面的链接或直接在地址栏中键入 URL。
  • 运行此网站的 Web 服务器接收来自您和您的浏览器的请求，并向浏览器发送一些 HTML 代码。
  • 浏览器下载 HTML 代码，对其进行解析，并在屏幕上显示结果。

这就是为什么这个页面会显示你现在正在阅读的内容。HTML 是用来表示构成此页面的各种元素的语言。

SGML 、 HTML 、XML 和 XHTML 的区别？

  • SGML 是标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言， 是所有电子文档标记语言的起源
  • HTML（HyperText Markup Language）是超文本标记语言，它定义了网页内容的含义和结构。
  • XML 是可扩展标记语言是未来网页语言的发展方向，XML 和 HTML 的最大区别就在于 XML 的标签是可以自己创建的，数量无限多，而 HTML 的标签都是固定的而且数量有限。
  • XHTML 是一个基于 XML 的标记语言，他与 HTML 没什么本质的区别，但他比 HTML 更加严格。
  • 为了规范 HTML，W3C 结合 XML 制定了 XHTML1.0 标准，这个标准没有增加任何新的标签，只是按照 XML 的要求来规范 HTML。两者最主要的区别是：
    • 文档顶部 doctype 声明不同，XHTML 的 doctype 顶部声明中明确规定了 xhtml DTD 的写法
    • 元素必须始终正确嵌套
    • 标签必须始终关闭
    • 标签名必须小写
    • 特殊字符必须转义
    • 文档必须有根元素
    • 属性值必须用双引号 "" 括起来
    • 禁止属性最小化（例如，必须使用 checked="checked" 而不是 checked）

DOCTYPE 有什么用？

  • <!DOCTYPE> 声明位于 HTML 文档中的第一行，处于 <html> 标签之前。告知浏览器的解析器使用标准模式渲染文档。DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。
// 返回当前文档关联的文档类型定义（DTD），如果当前文档没有 DTD，则该属性返回 null。
document.doctype

标准模式与兼容模式各有什么区别？它们有何意义？

  • 标准模式：又称严格模式，是指浏览器按照 W3C 标准解析代码。

    • 标准模式的渲染方式和 JS 引擎的解析方式都是以该浏览器支持的最高标准运行。

  • 兼容模式：又称怪异模式或混杂模式，是指浏览器用自己的方式解析代码。

    • 在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。

  • 如何区分：

    • 在 HTML4.01 标准中，浏览器解析时到底使用标准模式还是兼容模式，与网页中的 DTD 直接相关，因为 HTML 4.01 基于 SGML，DTD 规定了标记语言的规则，这样浏览器才能正确地呈现。 且有三种
    • HTML5 不基于 SGML，因此不需要对 DTD 进行引用。只需要在顶部声明 <!DOCTYPE html>

  • 目的：防止呈现文档时浏览器切换到 “兼容模式”。

  • 怪异模式和标准模式

  • 怪异模式（Quirks Mode）对 HTML 页面的影响

页面导入样式时，使用 link 和 @import 有什么区别？

  • link 属于 XHTML 标签，除了加载 CSS 外，还能用于定义 RSS，定义 rel 连接属性等作用；而 @import 是 CSS 提供的，只能用于加载 CSS；

  • 页面被加载的时，link 会同时被加载，而 @import 引用的 CSS 会等到页面被加载完再加载；

  • @import 是 CSS2.1 提出的，只在 IE5 以上才能被识别，而 link 是 XHTML 标签，无兼容问题；

  • link 方式的样式的权重高于 @import 的权重。

HTML 中 form 里 action 方法的 Get 和 Post 有什么区别？

  • Get：Form 的默认方法。
  • Get 是用来从服务器上获得数据。Post 是用来向服务器上传递数据
  • Get 将表单中数据的按照 name=value 的形式，添加到 action 所指向的 URL 后面，并且两者使用 “?” 连接，而各个变量之间使用 “&” 连接。Post 是将表单中的数据放在 form 的数据体中，按照变量和值相对应的方式，传递到 action 所指向 URL
  • Get 是不安全的，因为在传输过程，数据被放在请求的 URL 中。Post 的所有操作对用户来说都是不可见的，其放置 request body 中
  • Get 传输的数据量小，这主要是因为受 URL 长度限制。Post 可以传输大量的数据，所以在上传文件只能使用 Post
  • Get 限制 Form 表单的数据集的值必须为 ASCII 字符。Post 支持整个 ISO10646 字符集
  • Get 请求浏览器会主动 cache。Post 支持不会
  • Get 请求参数会被完整保留在浏览历史记录中。Post 中的参数不会被保留。
  • GET 和 POST 本质上就是 TCP 链接，并无差别。但是由于 HTTP 的规定和浏览器/服务器的限制，导致他们在应用过程中体现出一些不同。
  • GET 产生一个 TCP 数据包；POST 产生两个 TCP 数据包。

Meta viewport 原理是什么？

  • meta viewport 标签的作用是让当前 viewport 的宽度等于设备的宽度，同时当设置 user-scalbale="no" 时不允许用户进行手动缩放
  • viewport 的原理：移动端浏览器通常都会在一个比移动端屏幕更宽的虚拟窗口中渲染页面，这个虚拟窗口就是 viewport；目的是正常展示没有做移动端适配的网页，让他们完整的展示给用户；
  • viewport 属性值
属性 描述
width 设备的虚拟视口的宽度。
height 设备的虚拟视口的高度。
device-width 设备屏幕的物理宽度。
device-height 设备屏幕的物理高度。
initial-scale 访问页面时的初始缩放。1.0 无法缩放。
user-scalable 允许设备放大和缩小，值为 yes 或 no。
minimum-scale 允许用户的最小缩放值，1.0 表无法缩放。
maximum-scale 允许用户的最大缩放值，1.0 表无法缩放。 
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Meta 的目的是什么？

  • meta 元素可用于包含描述 HTML 文档属性的名称/值对，如作者，字符编号，关键字列表，文档作者等信息
<!DOCTYPE html>
<html>
  <head>
    <!-- 推荐 Meta Tags -->
    <meta charset="utf-8" />
    <meta name="language" content="english" />
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="Author Name" />
    <meta name="designer" content="Designer Name" />
    <meta name="publisher" content="Publisher Name" />
    <meta name="no-email-collection" content="name@email.com" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <!-- 搜索引擎优化 Meta Tags -->
    <meta name="description" content="Project Description" />
    <meta
      name="keywords"
      content="Software Engineer,Product Manager,Project Manager,Data Scientist"
    />
    <meta name="robots" content="index,follow" />
    <meta name="revisit-after" content="7 days" />
    <meta name="distribution" content="web" />
    <meta name="robots" content="noodp" />

    <!-- 可选 Meta Tags-->
    <meta name="distribution" content="web" />
    <meta name="web_author" content="" />
    <meta name="rating" content="" />
    <meta name="subject" content="Personal" />
    <meta name="title" content=" - Official Website." />
    <meta name="copyright" content="Copyright 2020" />
    <meta name="reply-to" content="" />
    <meta name="abstract" content="" />
    <meta name="city" content="Bangalore" />
    <meta name="country" content="INDIA" />
    <meta name="distribution" content="" />
    <meta name="classification" content="" />

    <!-- 移动设备上 HTML 页面的 Meta Tgas -->
    <meta name="format-detection" content="telephone=yes" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <!-- http-equiv Tags -->
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />

    <title>HTML5 Meta Tags</title>
  </head>
  <body>
    ...
  </body>
</html>
  • Meta Refresh
<!-- 在5秒钟内重定向到提供的 URL。设置为0可立即重定向 -->
<meta
  http-equiv="refresh"
  content="3;url=https://juejin.cn/user/96412754251390"
/>

什么是替换元素与非替换元素

  • 替换元素：就是浏览器根据其标签的元素属性来判断显示具体的内容的元素，且元素一般拥有固定的尺寸（宽高或宽高比）。
    • 在 html 中像这样的元素有 img，input，textarea，select，object，这些都是替换元素，这些元素都没有实际的内容。
  • 非替换元素：html 中大多数都是非替换元素，他们直接将内容告诉浏览器，直接显示出来。
    • 如：p 标签，浏览器会直接显示 p 标签里的内容。
  • tips：替换元素和非替换元素不仅是在行内元素中有，块级元素也有替换和非替换之分，比如嵌入的文档 iframe，audio，canvas 在某些情况下也为替换元素。

块级元素和行内元素的区别？

  • HTML4.01 中，元素被分成两大类：inlink（行内元素）与 block（块级元素）。区别如下：
块级元素 行内元素
独占一行 不独占一行
可以设置宽高（盒模型） 不可以设置宽高，宽高由元素内部的内容决定，padding 和 margin 的 top/bottom 不会对元素生效
可以包含行内元素和其他块级元素 行内元素只能包含文本和其他行内元素。

块级元素和行内元素分别有哪些？ 空（void）元素有哪些？

  • CSS 规范规定，每个元素都有 display 属性，每个元素都有默认的 display 值。例如：
    • div 默认display 属性值为 block，为块级元素；
    • span 默认 display 属性值为 inline，为行内元素。
  • 块级元素：
    • <h1>-<h6>、<p>、<div>、<ul>、<ol>、<form>、<table>、<address>、<blockquote>、<center>、<dir>、<dl>、<fieldset>、<hr>、<menu>、<noscript>、<pre>、<noframes>、<isindex>
    • 当元素的 display 属性为 block、list-item 或 table 时，该元素将成为 “块级元素”。
  • 行内元素：
    • <a>、<img>、<input>、<span>、<textarea>、<label>、<select>、<abbr>、<acronym>、<b>、<bdo>、<big>、<br>、<cite>、<code>、<dfn>、<em>、<font>、<i>、<kbd>、<q>、<s>、<samp>、<small>、<strike>、<strong>、<sub>、<sup>、<tt>、<u>
    • 当元素的 display 属性为 inline、inline-block 或 inline-table 时，该元素将成为 “行内元素”
  • 常见的空元素：标签内没有内容的 HTML 标签被称为空元素。
    • <br>、<hr>、<img>、<input>、<link>、<meta>
  • 不常见的空元素：<area>、<base>、<col>、<command>、<embed>、<keygen>、<param>、<source> <track>、<wbr>

什么是可选标签？为什么要使用它？

  • 在 HTML 中，某些元素具有可选标签。实际上，即使元素本身是必需的，也可以从 HTML 文档中完全删除某些元素的开始和结束标签。

  • p，li，td，tr，th，html，head，body 等。如：

<p>Paragraph one.</p>
<p>Paragraph two.</p>
<p>Paragraph three.</p>
  • 您不必提供 </p> 结束标签。浏览器会检测到它需要它们，并且无论如何都会正确显示在 DOM 中。但这可能带给你编写上的困难！
  • 您可以节省一些字节并减少需要在 html 文件中下载的字节。

为了便于阅读，当您的标签内有内容/文本时，带上结束标签。

简述一下 src 与 href 的区别？

  • src 用于引用资源，替换当前元素；href 用于在当前文档和引用资源之间确立联系。
  • href（hyperReference）即超文本引用：浏览器遇到并行下载资源，不阻塞页面解析，与 link 引入 css 一样，浏览器并行下载 css 不阻塞页面解析
    • href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。
  • src （resource）即资源：当浏览器遇到 src 时，会暂停页面解析，直到该资源下载或执行完毕，这也是 script 标签之所以放底部的原因
    • src 是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；
    • 在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本，img 图片和 frame 等元素。
    • 当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将 js 脚本放在底部而不是头部。

img 上 title 与 alt

  • title 是鼠标放在图片上面时显示的文字，title 是对图片的描述和进一步的说明。
  • alt 定义了图像的备用文本描述。
  • tips：浏览器并非总是会显示图像。当有下列情况时，alt 属性可以为图像提供替代的信息：
    • 非可视化浏览器（Non-visual browsers）（比如有视力障碍的人使用的音频浏览器）
    • 用户选择不显示图像（比如为了节省带宽，或出于隐私等考虑不加载包括图片在内的第三方资源文件）
    • 图像文件无效，或是使用了不支持的格式
    • 浏览器禁用图像等
    • tips：建议尽可能地通过 alt 属性提供一些有用的信息。
<!-- × -->
<img src="wenhao.jpg" alt="图片" />

<!-- √ -->
<img src="wenhao.jpg" alt="满脸问号的男人" />
  • 图像上 alt 属性的用途是什么？
    • 如果用户无法查看图像，alt 属性将为图像提供可选信息。alt 属性应该用来描述任何图像，除了那些仅用于装饰目的的图像，在这种情况下，应该将其留空。
    • 装饰性图像应具有空 alt 属性。
    • 网络爬虫使用 alt 标签来理解图像内容，因此它们被认为对搜索引擎优化（SEO）很重要。
    • 在 alt 标签的末尾增加可访问性。
  • img

为什么在 img 标签中使用 srcset 属性？请描述浏览器遇到该属性后的处理过程。

  • 为了设计响应式图片。我们可以使用两个新的属性 srcset 和 sizes 来提供更多额外的资源图像和提示，帮助浏览器选择正确的一个资源。
  • srcset：定义了我们允许浏览器选择的图像集，以及每个图像的大小。
  • sizes：定义了一组媒体条件（例如屏幕宽度）并且指明当某些媒体条件为真时，什么样的图片尺寸是最佳选择。
  • 处理过程：
    • 查看设备宽度
    • 检查 sizes 列表中哪个媒体条件是第一个为真
    • 查看给予该媒体查询的槽大小
    • 加载 srcset 列表中引用的最接近所选的槽大小的图像
<img
  srcset="small.jpg 500w, medium.jpg 1000w, large.jpg 2000w"
  src="..."
  alt=""
/>

noscript 标签的作用

<noscript> 标签用来定义在脚本未被执行时的替代内容（文本）。

<noscript> 标签中的内容只有在下列情况下才会显示出来：

  • 浏览器不支持脚本
  • 浏览器支持脚本，但脚本被禁用
<!-- 给予用户友好的提示! -->
<noscript>您的浏览器不支持 JavaScript！</noscript>

label 的作用是什么？是怎么用的？

label 标签定义表单控件的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。

有两种 HTML 原生方法可以将 label 元素与 input 元素连接起来。一种是 id 绑定，一种是嵌套

<label for="select">爱我</label>
<input type="radio" id="select" name="love" value="love" />

<!-- 用 label 包装 input 元素 -->
<label>
  恨我
  <input type="radio" name="hate" value="hate" />
</label>

注意：点击 label 的时候，事件冒泡一次，label 会触发关联 input 的 click 事件，导致事件再次触发事件。

title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别？

<title> 与 <h1> 的区别

  • <title> 用于网站信息标题，一个网站可以有多个 title，seo 权重高于 h1；
  • <h1> 概括的是文章主题，一个页面最好只用一个 h1，seo 权重低于 title。

<b> 与 <strong> 的区别

  • <b> 为了加粗而加粗
  • <strong> 为了标明重点内容而加粗，有语气加强的含义

<i> 与 <em> 的区别

<i> 为了斜体而斜体，<em> 为了标明重点而斜体，且对于搜索引擎来说 <strong> 和 <em> 比 <b> 和 <i> 要重视的多

rel="noopener" 应在什么场景下使用，为什么？

  • rel="noopener" 是 <a> 标签的一个属性。他可以禁止打开的新页面中使用 window.opener 属性，这样一来打开的新页面就不能通过 window.opener 去操作你的页面。

  • 新页面可以通过 window.opener.location = newURL 将你的页面导航至任何网址。

<!-- home.html -->
<a href="./home.html" target="_blank">home</a>
<!-- <a href="./home.html" target="_blank" rel="noopener">home</a> -->
最低0.47元/天 解锁文章
lio_zero
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML 面试题
X W F
08-17 119
HTML/HTML5 1.知道语义化吗？说说你理解的语义化，如果是你，平时会怎么做来保证语义化？ 像html5的新的标签header,footer,section等就是语义化 一方面，语义化就是让计算机能够快读的读懂内容，高效的处理信息，可以对搜索引擎更友好 另一方面，便于与他人的协作，他人通过读代码就可以理解你网页标签的意义 去掉或者丢失样式的时候能够让页面呈现出清晰的结构 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重 方便其他设备解析（如
【前端面试题】01—42道常见的HTML5面试题(附答案)
web前端开发
03-02 2138
HTML5为我们提供了更多的语义化标签、更丰富的元素属性，以及更让人欣喜的功能。但在面试中，HTML5部分的面试题主要考察应试者对HTML5API的掌握情况，这是HTML5的重点，也正是这...
HTML中html元素的lang是什么
qq_36976201的博客
03-07 1624
属性lang是英语language的缩写，意思是语言，”en”代表英语，”zh-CN”代表中文 它可以帮助语音合成工具确定其要使用的发音 帮助翻译工具要使用的翻译规则 标准最新版本： zh-Hans-CN 去表示：中国大陆的简体中文=中华人民共和国的简体中文==Chinese Mandarin(Simplified)==PRC Chinese Mainland in simplified。当然：如果考虑到其他的兼容性，其实也还是可以暂时继续使用：zh-CN的写法的。 ...
2024年Web前端最全五小时三万字之一篇博文带你学会SQL【期末数据库稳了】，现在主流web开发工具
2401_84446919的博客
05-05 651
编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】(2)增加一个字段，即给某个表增加一列alter table 表名称 add 【column】 字段名称 数据类型;#默认在最后。
html、css、javaScript练习题
diaoyinji6441的博客
04-06 374
1.HTML指的是？<超文本标记语言（HyperTextMarkupLanguage）> 2.Web标准的制定者是？<万维网联盟（W3C）> 3.在下列的HTML中，哪个是最大的标题？<h1> 4.在下列的HTML中，哪个可以插入折行？<br> 5.在下列...
HTML相关
CheatMyself的博客
10-19 249
html
html5-css面试题.doc
04-15
HTML5+css3相关面试题，内含答案HTML5+css3相关面试题，内含答案HTML5+css3相关面试题，内含答案HTML5+css3相关面试题，内含答案HTML5+css3相关面试题，内含答案HTML5+css3相关面试题，内含答案HTML5+css3相关面试题...
10个最常见的HTML5面试题 附答案
09-27
主要为大家详细介绍了10个最常见的HTML5面试题，并给出了答案，以问答的形式帮助大家了解HTML5，感兴趣的小伙伴们可以参考一下
模电数电基础知识金牌面试题集绵
10-24
【模电数电基础知识金牌面试题集锦】 模拟电路知识是电子技术领域的核心部分，面试中经常涉及到。首先，我们要了解基尔霍夫定理，这是电路分析的基础。基尔霍夫电流定律（KCL）指出，在任何节点，流入节点的电流之...
你可能不熟练的十个前端HTML5经典面试题
09-28
除了要有一份精美的简历，还得做好充足的面试准备，其中最重要的是需要了解一些用人企业常问的HTML5面试题和套路，下面这篇文章主要给大家分享介绍了大家可能不熟练的十个前端HTML5经典面试题，需要的朋友可以参考下
java基础知识，面试试题.zip
12-31
Java前后开发面试题，大厂进阶之路，基于JavaGuide、Cyc大佬、牛客上的面经及王道考研相关视频，并改进了其中说法矛盾或含糊之处。 包含计算机网络知识、JavaSE、JVM、Spring、Springboot、SpringCloud、Mybatis、多...
html标签中lang属性及xml:lang属性的作用
weixin_30415113的博客
05-22 603
lang属性：HTML语言声明属性，用来定义当前文档显示的语言。 如：lang="en"表示定义语言为英文；lang="zh-CN"表示定义语言为中文。其实对于文档显示来说怎样写都无所谓，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文。但还是应该遵循标准，毕竟这个属性对浏览器和搜索引擎还是有作用的。 其实，在新的XHTML文档中，lang属性已经被xml:lang属性代替...
HTML入门基础知识（二）
qq_46678602的博客
08-06 449
HTML入门基础知识（二）html标签入门基础知识开发工具生成的骨架标签< !DOCTYPE>标签lang 语言种类字符集 html标签入门基础知识 开发工具生成的骨架标签 < !DOCTYPE>标签 < !DOCTYPE>文档类型声明，主要是告诉浏览器使用哪种html版本显示网页。 注意： < !DOCTYPE>声明位于文档的最前位置，处于< html>标签之前。 < !DOCTYPE>不是html标签，只是一个文档声明标签。 lan
HTML中html元素的lang属性的说明
热门推荐
mirro81的博客
07-16 5万+
HTML中html元素的lang属性的说明我在刚开始学习HTML的时候，关于基本的HTML格式中有一点不明白的地方，基本格式如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body></body> </html>究竟html标签中的lang属性是干嘛的
html标签的lang属性
MoeCodeFree的博客
09-01 3358
html标签的lang属性 前言 做 web 无障碍相关的研究时，遇到的第一件事就是要给 <html> 设置正确的 lang 属性，这么简单的一件事，想也不用就写好了：<html lang="zh-CN">，或者直接简写成 <html lang="zh">，Bingo，可以去做其它事了。 但仔细想一想，好像有些问题 zh 是什么鬼？拼音？明明是国际标准怎么会用中文拼音？ CN 为什么要大写？zh-CN表示中国中文，zh-SG表示新加坡中文，但都是用的简体中文，貌似没什么
HTML5常见面试题及答案
一只大海
03-25 2万+
1、HTML5的新特性 (1) 绘画canvas (2) 用于媒介回放的video和audio元素 (3) 本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失 (4) sessionStorage的数据在浏览器关闭后自动删除 (5) 语义化更好的内容元素，比如article,footer,header,nav,section (6) 表单控件，calendar,date,ti...
40 个重要的 HTML5 面试问题及答案
奋斗的蜗牛
12-29 2498
本文将列出40个重要的HTML 5面试问题及答案，祝各位求职顺利。 目录 介绍Canvas和SVG图形之间的区别是什么？如何使用Canvas和SVG绘制矩形？什么是CSS选择器？如何使用ID值应用CSS样式？CSS的列布局有什么用？请解释一下CSS盒子模型？请解释CSS 3中的一些文字效果？什么是web worker，为什么我们需要他们web worker？如何添加和删除本地存储中
html--图片变化
最新发布
2301_81140745的博客
07-20 414
2.点击上传图片会有变化。
PHP面试宝典：基础篇详解与HTML/CSS面试题
1. HTML基础知识：面试官通常会考察应聘者对HTML的理解，包括文档类型定义（DTD）。DTD是HTML文档结构的规范，确保页面的正确格式，浏览器使用它来验证文档的合法性，确保标签使用正确，从而影响页面的渲染和显示...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值