写前端代码时间长了，回头看早期的项目，经常会发现一些HTML标签用得不太合适。标签用错不只是代码看起来不整洁那么简单。它会影响页面加载速度，给使用屏幕阅读器的用户带来障碍，甚至降低网站在搜索引擎中的排名

很多人以为 script 标签只是用来写 JavaScript 代码的地方。这种理解没错，但并不完整。实际上，这个看似简单的标签背后隐藏着许多值得探索的细节。浏览器解析 HTML 文档时，是从上到下一边解析一边渲染的。

本文介绍了一种新的HTML元素搜索方法，并提供了一个实用的工具来帮助开发者快速找到所需的元素。这对于那些需要处理大量HTML元素的开发者来说是非常有用的。文章还通过提供一些常见元素的用法示例，帮助开发者更好地理解和应用这些元素

a是HTML语言标签。用于定义超链接，用于从一个页面链接到另一个页面，一般都是通过href或onclick属性来实现跳转功能,那如果2个属性同时存在，它们的执行顺序，相互影响有哪些区别呢？

网站中图片使用img图片标签，img元素中有一个很少用的属于-srcset属性,该属性用于浏览器根据宽、高和像素密度来加载相应的图片资源。

最近部门在推微前端，需要按功能拆分多个子应用，主应用在加载的过程中经常出现加载失败的问题。因为https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止

目前主流浏览器加强了对自动播放策略（Autoplay）的限制：浏览器在没有交互操作之前不允许有声音的媒体文件自动播放。 而且各个浏览器关于自动播放策略有不同的实现。

在 Chrome 49+，Opera 36+，打开添加了 rel=noopener 的链接， window.opener 会为null。在老的浏览器中，可以使用 rel=noreferrer 禁用HTTP头部的Referer属性

前端当然要从 HTML 开始，我们来聊聊在 script 标签中加上 async/defer 时的功能及差异。我们都知道，浏览器解析 HTML 是一行一行按照顺序向后读取的，在传统的写法中，当浏览器读到 <script> 时，便会暂停解析 DOM，同时立即开始下载 <script> 中定义的资源

<script> 标签主要用于从服务器端加载一段javascript脚本并在当前页面中执行。因为其需要从服务器端中加载，所以会在一定程度上影响到web的性能。在性能优化中，<script>标签的优化至关重要。

普通用户下载图片时只需一个「右键另存为」操作即可完成，但当我们做在线编辑器、整个 UI 都被自定义实现时，如何解决不同域问题并实现页面中图片资源的安全下载呢？本文就解决该问题过程中所涉及的正则表达式、Web API 和 canvas 操作进行记录。

这里我们有一个指向恶意网站的 href 属性，并以 _blank 属性为 target，使其在新标签页中打开。该流程看起来如此简单明了，用户在这里可能面临的安全风险是什么？

<object>标签是一个HTML标签，用于在网页中显示音频，视频，图像，PDF和Flash等多媒体；它通常用于嵌入由浏览器插件处理的Flash页面元素，如Flash和Java项目。它还可以用于在HTML页面内显示另一个网页。

a标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL（路径），包括片段标识符和 JavaScript 代码段。javascript: 是表示在触发默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行

比如说要将Header.vue插入Home.vue中显示：定义好Header.vue，然后在Home.vue的script中导入Header.vue：