Tag:html
All the articles with the tag "html".
如何使用 JavaScript 控制 <audio> 和 <video> 元素？
Posted on:2024年9月27日 at 06:27可以通过 DOM 方法和属性来操作这些媒体元素。 以下是一些常见的操作方法和示例： 1. 获取元素 首先，使用 document.getElementById() 或其他选择器获取音频或视频元素的引用： const audioElement = document.getElementById('myAudio'); const videoElement = document.getElementB
html 中的视频，怎么添加字幕？
Posted on:2024年9月27日 at 06:26在 HTML 中，可以通过 <track> 标签为视频添加字幕。这个标签通常与 <video> 标签一起使用。以下是如何添加字幕的步骤和示例： 步骤 准备字幕文件：通常使用 WebVTT 格式（.vtt 文件），其中包含时间戳和对应的字幕文本。 使用 <track> 标签：在 <video> 标签内添加 <track> 标签，指定字幕的属性。 示例代码 <video controls> <sour
HTML 部分标签中的 crossorigin 属性，作用是什么？
Posted on:2024年9月5日 at 01:32crossorigin 属性用于指定如何处理跨域请求，特别是在加载外部资源（如图片、字体或脚本）时。它主要用于 <link> 和 <img> 标签以及一些其他 HTML 元素。该属性的作用是定义浏览器如何处理 CORS（跨域资源共享）请求。 crossorigin 属性的取值和作用 anonymous 作用：请求不会包含凭证（如 Cookies 和 HTTP 认证信息）。这是默认的 CORS 策略
link 标签的 rel 属性中，preload 和 prefetch 这两个值的作用是什么？
Posted on:2024年9月5日 at 01:30在 HTML 中，rel 属性用于定义当前文档与目标资源之间的关系。preload 和 prefetch 是 rel 属性的两个值，主要用于优化资源的加载策略。 preload 作用：指定浏览器在页面加载时优先加载资源。适用于关键资源（如字体、脚本、样式表），可以提高页面加载速度和用户体验。 用法：用于在文档加载时预加载资源，确保它们在需要时可以快速访问。 示例： <link rel="prelo
link 标签有哪些属性，分别有什么作用？
Posted on:2024年9月5日 at 01:24<link> 标签在 HTML 中用于链接外部资源，最常见的是用于引入样式表（CSS）。它可以有多个属性，每个属性具有不同的作用。 以下是常用的 <link> 标签属性及其作用： 常用属性 href 作用：指定要链接的外部资源的 URL。 示例：<link rel="stylesheet" href="styles.css"> rel 作用：定义当前文档与目标资源之间的关系。用于指示链接资源的类型
html 中前缀为 data- 开头的元素属性是什么？
Posted on:2024年9月4日 at 01:30在 HTML 中，前缀为 data- 的元素属性被称为 自定义数据属性（Custom Data Attributes）。这些属性用于存储与元素相关的私有数据，供 JavaScript 使用，而不会影响页面的样式或行为。 主要特点 自定义数据存储： 自定义数据属性允许开发者在 HTML 元素上存储额外的信息，这些信息不会影响 HTML 的标准行为或样式。 不影响页面表现： data- 属性不会被浏览
script 标签上有那些属性，作用分别是什么？
Posted on:2024年8月28日 at 01:34<script> 标签是 HTML 中用于嵌入或引用 JavaScript 代码的标签。它有多个属性，可以控制脚本的加载和执行方式。以下是常见的 <script> 标签属性及其作用： 1. src 作用：指定外部 JavaScript 文件的 URL。 用法：当使用 src 属性时，<script> 标签内部的内容会被忽略。 示例：<script src="path/to/your/script.
<!DOCTYPE html> 标签有什么用？
Posted on:2024年8月22日 at 04:01<!DOCTYPE html> 是 HTML 文档的文档类型声明（DOCTYPE），用于告知浏览器该文档使用的 HTML 版本和标准。它的主要作用如下： 作用 指定文档类型： <!DOCTYPE html> 声明告知浏览器该文档遵循 HTML5 标准。这有助于浏览器正确解析和渲染网页内容。 触发标准模式： 在浏览器中，<!DOCTYPE html> 会触发标准模式（Standards Mode），
HTML5 有哪些 drag 相关的 API ？
Posted on:2024年8月22日 at 01:32HTML5 的拖拽（Drag and Drop）API 允许用户通过拖拽操作在网页上移动元素或数据。这个 API 是在 HTML5 中引入的，它提供了一种标准的方式来实现拖拽功能。以下是对 HTML5 拖拽 API 的详细介绍： 基本概念 拖拽源（Drag Source）：可以被拖拽的元素。通过设置 draggable 属性为 true，元素可以成为拖拽源。 拖拽目标（Drop Target）：接
iframe是什么？有哪些优缺点？
Posted on:2024年8月22日 at 01:30<iframe> 标签用于在当前网页中嵌入另一个 HTML 页面。它可以在页面上创建一个内嵌的浏览器窗口来展示外部内容。使用 <iframe> 有一些明显的优点和缺点： 优点 隔离内容： 安全性：通过 <iframe> 可以将外部内容与主页面隔离，从而减少潜在的安全风险（如跨站脚本攻击）。 样式和脚本隔离：外部页面的样式和脚本不会直接影响主页面。 嵌入外部资源： 内容集成：可以轻松地将外部网页或应
HTML 标签中的 src 和 href 有什么区别
Posted on:2024年8月22日 at 01:29src 和 href 是 HTML 中用于不同目的的属性，各自有其特定的使用场景和功能： src 属性 用途：用于指定外部资源的 URL，通常用在 <img>、<script>、<iframe>、<audio> 和 <video> 等标签中。 功能：告诉浏览器从哪个 URL 加载资源。加载的资源会嵌入到当前页面中或执行。例如： <img src="image.jpg" alt="Descripti
什么是 HTML 文档的预解析？
Posted on:2024年8月21日 at 01:17文档的预解析（Document Preprocessing）指的是在浏览器开始渲染和解析 HTML 文档之前，对文档进行的一系列处理。这通常包括： 主要目的 优化加载时间：通过在服务器端或浏览器端对文档进行预处理，减少客户端的解析和渲染时间。 提高安全性：对文档进行预处理以防止潜在的安全威胁，比如恶意代码的注入。 增强兼容性：处理文档中可能引起兼容性问题的内容，确保在不同浏览器中的一致性表现。 常
web components 是多少？
Posted on:2024年8月15日 at 18:55Web Components 是一组 Web 平台 API，允许开发者创建封装性强、可重用的组件，这些组件可以在任何 Web 应用程序中使用。Web Components 主要包括以下四个核心技术： 1. 自定义元素（Custom Elements） 允许开发者定义新的 HTML 元素及其行为。这些自定义元素可以像内置元素一样被使用，并且支持生命周期回调函数。 2. 模板（Templates） <
canvas 与 svg 在可视化领域优劣如何
Posted on:2024年8月15日 at 09:19在可视化领域，<canvas> 和 <svg> 是两种常用的图形绘制技术，各有其优劣。它们各自适用于不同的场景和需求。 以下是对它们优缺点的详细比较： 1. Canvas 优点 性能高效： 对于需要频繁更新的动态内容（如游戏、动画），<canvas> 更加高效。因为它基于像素渲染，不需要管理复杂的 DOM 树。 复杂绘制： 适合绘制复杂的图形和图像操作，如实时图像处理、像素级别的操作等。 直接控制
如何避免重绘或者重排？
Posted on:2024年8月14日 at 19:37如何触发重排和重绘 任何改变用来构建渲染树的信息都会导致一次重排或重绘： 添加、删除、更新DOM节点 通过display: none隐藏一个DOM节点-触发重排和重绘 通过visibility: hidden隐藏一个DOM节点-只触发重绘，因为没有几何变化 移动或者给页面中的DOM节点添加动画 添加一个样式表，调整样式属性 用户行为，例如调整窗口大小，改变字号，或者滚动。 如何避免重绘或者重排 集
js和css是否阻塞DOM树构建和渲染？
Posted on:2024年8月14日 at 10:51先做个总结，然后再进行具体的分析： CSS不会阻塞DOM的解析，但是会影响JAVAScript的运行，javascript会阻止DOM树的解析，最终css（CSSOM）会影响DOM树的渲染，也可以说最终会影响渲染树的生成。 接下来我们先看javascript对DOM树构建和渲染是如何造成影响的，分成三种类型来讲解： JavaScript脚本在html页面中 <html> <body> <div>1
常用的 meta 元素有哪些？
Posted on:2024年8月10日 at 21:37The tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. 元素标签是提供有关HTML文档的元数据，元数据不会显示在页面上，但是能够被机器识别。 总而言之, meta标签是用来让机器识别的，同时它对SEO起着
简述 html 页面渲染过程
Posted on:2024年8月10日 at 21:35整个渲染过程其实就是将URL对应的各种资源，通过浏览器渲染引擎的解析，输出可视化的图像。 基本概念 HTML解释器：解释HTML语言的解释器，本质是将HTML文本解释成DOM树（文档对象模型）。 CSS解释器：解释样式表的解释器，其作用是将DOM中的各个元素对象加上样式信息，从而为计算最后结果的布局提供依据。 布局：将DOM和css样式信息结合起来，计算它们的大小位置等布局信息，形成一个能够表示这
说说你对 Dom 树的理解
Posted on:2024年8月10日 at 19:54什么是 DOM 从网络传给渲染引擎的 HTML 文件字节流是无法直接被渲染引擎理解的，所以要将其转化为渲染引擎能够理解的内部结构，这个结构就是 DOM。 DOM 提供了对 HTML 文档结构化的表述。 在渲染引擎中，DOM 有三个层面的作用： 从页面的视角来看，DOM 是生成页面的基础数据结构。 从 JavaScript 脚本视角来看，DOM 提供给 JavaScript 脚本操作的接口，通过这套
DNS 预解析是什么？怎么实现？
Posted on:2024年8月10日 at 17:06DNS优化 在介绍dns-prefetch之前，先要提下当前对于DNS优化主流方法。 一般来说，一次DNS解析需要耗费 20-120ms，所以为了优化DNS，我们可以考虑两个方向： 减少DNS请求次数 缩短DNS解析时间dns-prefetch 什么是dns-prefetch？ dns-prefetch(DNS预获取)是前端网络性能优化的一种措施。它根据浏览器定义的规则，提前解析之后可能会用到的域
前端该如何选择图片的格式？
Posted on:2024年8月10日 at 17:04##图片的类型 图片的类型目前就分为两种： 位图 矢量图 位图 所谓位图就是用像素点拼起来的图也叫点阵图，平时我们用到的png、jpg等图片就是位图。 矢量图 矢量图，也叫做向量图。矢量图并不纪录画面上每一点的信息，而是纪录了元素形状及颜色的算法，当你打开一幅矢量图的时候，软件对图形对应的函数进行运算，将运算结果图形的形状和颜色显示给你看。 无论显示画面是大还是小，画面上的对象对应的算法是不变的，
简单描述从输入网址到页面显示的过程
Posted on:2024年8月10日 at 17:04很多大公司面试喜欢问这样一道面试题，输入URL到看见页面发生了什么？ 简单来说，共有以下几个过程： DNS解析 发起TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束 下面我们来看看具体的细节。 DNS解析 DNS解析实际上就是寻找你所需要的资源的过程。假设你输入www.baidu.com，而这个网址并不是百度的真实地址，互联网中每一台机器都有唯一标识的I
script 标签中， async 和 defer 两个属性有什么用途和区别？
Posted on:2024年8月10日 at 17:04在 HTML 中会遇到以下三类 script： <script src='xxx'></script> <script src='xxx' async></script> <script src='xxx' defer></script> script标签用于加载脚本与执行脚本，直接使用script脚本时，html会按照顺序来加载并执行脚本，在脚本加载&执行的过程中，会阻塞后续的DOM渲染。 比如
什么是 HTML 语义化？
Posted on:2024年7月22日 at 10:10先看下什么是HTML： 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。 那么如何理解 Web 语义化？ 通俗的来讲就是从代码上来展示页面的结构，
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
Posted on:2024年7月22日 at 10:10HTML 中的行内元素（inline elements）通常用于在一行内显示，不会独占一行的空间。常见的行内元素有： <span>：用于对文本或其他内联元素进行分组或添加样式。 <strong>：表示强调的文本。 <em>：表示斜体强调的文本。 <a>：用于创建超链接。 <img>：用于插入图像。 <input>：用于创建用户输入字段。 块级元素（block-level elements）通常会独
如何禁用a标签跳转页面或定位链接?
Posted on:2024年7月22日 at 10:09当页面中a标签不需要任何跳转时，从原理上来讲，可分如下两种方法： 标签属性href，使其指向空或不返回任何内容。如： <a href="javascript:void(0);" >点此无反应javascript:void(0)</a> <a href="javascript:;" >点此无反应javascript:</a> 从标签事件入手，阻止其默认行为。如： html方法： <a href=""
什么是HTML5，以及和HTML的区别是什么？
Posted on:2024年7月22日 at 10:09HTML5是HTML的新标准，其主要目标是无需任何额外的插件如Flash、Silverlight等，就可以传输所有内容。它囊括了动画、视频、丰富的图形用户界面等。 HTML5是由万维网联盟（W3C）和 Web Hypertext Application Technology Working Group 合作创建的HTML新版本。 区别 从文档声明类型上看： HTML是很长的一段代码，很难记住。如下
什么是渐进增强和优雅降级？
Posted on:2024年7月22日 at 10:09渐进增强（progressive enhancement）：主要是针对低版本的浏览器进行页面重构，保证基本的功能情况下，再针对高级浏览器进行效果，交互等方面的改进和追加功能，以达到更好的用户体验。 优雅降级 graceful degradation： 一开始就构建完整的功能，然后再针对低版本的浏览器进行兼容。 区别 优雅降级是从复杂的现状开始的，并试图减少用户体验的供给；而渐进增强是从一个非常基础
mete标签中的viewport 有什么用？
Posted on:2024年7月22日 at 10:08什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。 设置 Viewport 一个常用的针
一台设备的dpr，是否是可变的？
Posted on:2024年7月22日 at 10:08devicePixelRatio，中文名称是设备像素比。这个概念在移动开发的时候会被特别关注，因为它关系到了整个画面的观感、布局甚至是清晰度。在JavaScript BOM中，它是window全局对象下的一个属性，它的定义如下： dpr = 设备像素 / CSS像素 也有文章把设备像素称为物理像素，把CSS像素称为独立像素（DIPs），但所指的都是同样概念： (1) 首先说设备像素。举手机的例子来
什么是 DOM 和 BOM？
Posted on:2024年7月22日 at 10:07DOM（Document Object Model）和 BOM（Browser Object Model）是 JavaScript 中常用的两个概念，用于描述浏览器中的不同对象模型。 DOM（Document Object Model）: DOM 是表示 HTML 和 XML 文档的标准的对象模型。它将文档中的每个组件（如元素、属性、文本等）都看作是一个对象，开发者可以使用 JavaScript
iconfont是什么？有什么优缺点？
Posted on:2024年7月22日 at 10:07什么是 IconFont 顾名思义，IconFont 就是字体图标。严格地说，就是一种字体，但是，它们不包含字母或数字，而是包含符号和字形。您可以使用 CSS 设置样式，就像设置常规文本一样，这使得 IconFont 成为 Web 开发时图标的热门选择。 优点 可以方便地将任何 CSS 效果应用于它们。 因为它们是矢量图形，所以它们是可伸缩的。这意味着我们可以在不降低质量的情况下伸缩它们。 我们只
img的srcset属性的作⽤？
Posted on:2024年7月22日 at 10:07响应式页面中经常用到根据屏幕密度设置不同的图片。这时就用到了 img 标签的srcset属性。srcset属性用于设置不同屏幕密度下，img 会自动加载不同的图片。用法如下： <img src="image-128.png" srcset="image-256.png 2x" /> 使用上面的代码，就能实现在屏幕密度为1x的情况下加载image-128.png, 屏幕密度为2x时加载image-2
HTML5的离线储存怎么使用，它的工作原理是什么
Posted on:2024年7月22日 at 10:07离线存储指的是：在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。 **原理：**HTML5的离线存储是基于一个新建的 .appcache 文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示 使用方法： （1）创建一个
浏览器是如何对 HTML5 的离线储存资源进行管理和加载？
Posted on:2024年7月22日 at 10:07在线的情况下，浏览器发现 html 头部有 manifest 属性，它会请求 manifest 文件，如果是第一次访问页面 ，那么浏览器就会根据 manifest 文件的内容下载相应的资源并且进行离线存储。如果已经访问过页面并且资源已经进行离线存储了，那么浏览器就会使用离线的资源加载页面，然后浏览器会对比新的 manifest 文件与旧的 manifest 文件，如果文件没有发生改变，就不做任何
title与h1的区别、b与strong的区别、i与em的区别？
Posted on:2024年7月22日 at 10:07在 HTML 中，title、h1、b、strong、i 和 em 都是文本相关的标记，它们之间有一些相似之处，但也有一些重要的区别。 title 和 h1 的区别 用途不同：title 标签用于定义 HTML 文档的标题，通常会显示在浏览器的标签页上或者窗口的标题栏上，对于搜索引擎优化（SEO）也非常重要。而 h1 标签用于表示文档的主标题，通常显示在页面内容区域的顶部。 所在位置不同：titl
Canvas和SVG有什么区别？
Posted on:2024年7月22日 at 10:06（1）SVG： SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言XML描述的2D图形的语言，SVG基于XML就意味着SVG DOM中的每个元素都是可用的，可以为某个元素附加Javascript事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。 其特点如下： 不依赖分辨率 支持事件处理器
浏览器乱码的原因是什么？如何解决？
Posted on:2024年7月22日 at 10:06产生乱码的原因： 网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码，反之也会出现乱码； html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码； 浏览器不能自动检测网页编码，造成网页乱码。 解决办法： 使用软件编辑HTML网页内容； 如果网页设置编码是gbk，而数据库储存数据编码格式是UTF-8，此时需要程序查询数据
如何实现SEO优化
Posted on:2024年7月22日 at 10:06SEO主要分为内部和外部两个方向。 一、内部优化 META 标签优化：例如：TITLE，KEYWORDS，DESCRIPTION （TDK）等的优化 内部链接的优化，包括相关性链接（Tag 标签），锚文本链接，各导航链接，及图片链接 网站内容更新：每天保持站内的更新(主要是文章的更新等) 服务器端渲染（SSR） 二、外部优化 外部链接类别：博客、论坛、B2B、新闻、分类信息、贴吧、知道、百科、相关
SEO的原理是什么？
Posted on:2024年7月22日 at 10:05搜索引擎排名大致上可以分为四个步骤。 爬行和抓取 搜索引擎派出一个能够在网上发现新网页并抓取文件的程序，这个程序通常被称为蜘蛛或机器人。 搜索引擎蜘蛛从数据库中已知的网页开始出发，就像正常用户的浏览器一样访问这些网页并抓取文件。 并且搜索引擎蜘蛛会跟踪网页上的链接，访问更多网页，这个过程就叫爬行。 当通过链接发现有新的网址时，蜘蛛将把新网址记录入数据库等待抓取。 跟踪网页链接是搜索引擎蜘蛛发现新网
SPA应用怎么进行SEO？
Posted on:2024年7月22日 at 10:05概述 SPA全名是Single Page Application，指的是单页面应用。 SEO全称为Search Engine Optimization，指的是搜索引擎优化。 SPA技术将产出html的逻辑从服务器转移到了客户端，在进入React, Vue等UI框架进行开发时，我们开发的页面更多的是在客户端进行脚本执行、数据请求和UI动态装载。 那么搜索引擎爬虫在抓取这样的页面的时，在未做任何优化的
怎么实现“点击回到顶部”的功能？
Posted on:2024年7月22日 at 10:05下面介绍5种方法进行实现。 1、锚点 使用锚点链接是一种简单的返回顶部的功能实现。 该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置。 <body style="height:2000px;"> <div id="topAnchor"></div> <a href="#topAnchor" style="pos
渐进式jpg有了解过吗？
Posted on:2024年7月22日 at 10:05渐进式 JPEG（Progressive JPEG），即PJPEG，是该标准的三种流行压缩模式之一。 渐进式 JPEG 以特定方式压缩照片和图形，与基线 JPEG 不同，PJPEG 在 Web 浏览器中呈现时，会首先给出模糊图像的外观。然后一点一点地开始图片渲染，直到它显示完全渲染的图像。浏览器实际上是逐行解释图像，但在占位符中提供了完整图像的模糊预览。随着 Web 浏览器的渲染引擎处理数据，图像
假设我要上传图片，怎么在选择图片后，通过浏览器预览待上传的图片？
Posted on:2024年7月22日 at 10:04实现预览有两种方式： 一种是用 window.URL.createObjectURl 方法对选择的图片数据（可以勉强理解为input的value）生成一个blob对象路径 第二种是使用 FileReader 读取器 那么无论那种方法，首先都得得到文件数据，获得文件数据是从files集合中获取。 先来看下 window.URL.createObjectURl 的实现方法： function imgC
Node 和 Element 是什么关系？
Posted on:2024年7月22日 at 10:04Node与Element的关系 Node与Element的关系，从继承方面思考可能清晰很多。 Element 继承于 Node，具有Node的方法，同时又拓展了很多自己的特有方法。 在Element的一些方法里，是明确区分了Node和Element的。比如说：childNodes与 children, parentNode与parentElement等方法。 Node的一些方法，返回值为Node，
说说你对 SSG 的理解
Posted on:2024年7月22日 at 10:04SSG（Static Site Generation，静态网站生成）是指在构建时预先生成静态页面，并将这些页面部署到 CDN 或者其他存储服务中，以提升 Web 应用的性能和用户体验。 具体来说，SSG 的实现方式通常包括以下几个步骤： 在开发阶段，使用模板引擎等技术创建静态页面模板； 将需要展示的数据从后台 API 中获取或者通过其他渠道获取，并将其填充到静态页面模板中，生成完整的 HTML 页
script 标签为什么建议放在 body 标签的底部（defer、async）
Posted on:2023年5月15日 at 21:32因为浏览器在渲染html的时候是从上到下执行的，当遇到js文件的时候就会停止当前页面的渲染，转而去下载js文件。 如果将script标签放在头部，在文件很大的情况下将导致首屏加载时间延长，影响用户体验。 解决办法 将script标签放在body的底部 通过defer、async属性将js文件转为异步加载
如何控制 input 输入框的输入字数？
Posted on:2022年10月11日 at 09:22一般是通过 maxlength 属性进行限制： <input maxlength="5" /> 另外还可以通过监听 οninput 事件，对输入值进行处理。
SEO是什么？
Posted on:2022年8月12日 at 19:48SEO（Search Engine Optimization），汉译为搜索引擎优化。 搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式。 SEO是指为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，使网站更适合搜索引擎的索引原则的行为。
label标签有什么用？
Posted on:2022年6月25日 at 14:32label标签来定义表单控制间的关系。当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。 <label for="Name">Number:</label> <input type='text' name="Name" id="Name"/> <label>Date:<input type="text" name="B"/></label>
使用input标签上传图片时，怎样触发默认拍照功能？
Posted on:2021年12月26日 at 16:05capture 属性用于指定文件上传控件中媒体拍摄的方式。 可选值： user 前置 environment 后置 camera 相机 camcorder 摄像机 microphone 录音 <input type='file' accept='image/*;' capture='camera'>
input上传文件可以同时选择多张吗？怎么设置？
Posted on:2021年12月26日 at 16:05可以，通过给input标签设置multiple属性。 <input type="file" name="files" multiple/>
如何禁止input展示输入的历史记录？
Posted on:2021年12月26日 at 16:05在输入input时会提示原来输入过的内容，还会出现下拉的历史记录，禁止这种情况只需在input中加入： autocomplete=“off” <input type="text" autocomplete="off" /> autocomplete 属性是用来规定输入字段是否启用自动完成的功能。
能否使用自闭合script标签引入脚本文件?
Posted on:2021年10月18日 at 22:52不能。自闭合标签来自于XML语法，而不是HTML语法。 根据现在的HTML语法，只有不需要结束标签的void element（如img之类的），或者是外部元素（如svg）可以使用自闭合。script标签显然不在此列。 // 正确写法 <script src="..."></script> // 错误写法 <script src="..."/>
页面统计数据中，常用的 PV、UV 指标分别是什么？
Posted on:2021年8月30日 at 10:45PV(页面访问量) 即页面浏览量或点击量，用户每1次对网站中的每个网页访问均被记录1个PV。 用户对同一页面的多次访问，访问量累计，用以衡量网站用户访问的网页数量。 UV(独立访客) 是指通过互联网访问、浏览这个网页的自然人。访问您网站的一台电脑客户端为一个访客。 00:00-24:00内相同的客户端只被计算一次。
说说 HTML、XML、XHTML 的区别
Posted on:2021年7月4日 at 16:03HTML：超文本标记语言，是语法较为松散的、不严格的Web语言； XML：可扩展的标记语言，主要用于存储数据和结构，可扩展； XHTML：可扩展的超文本标记语言，基于XML，作用与HTML类似，但语法更严格。
标签上title属性与alt属性的区别是什么？
Posted on:2021年7月4日 at 16:03alt 是为了在图片未能正常显示时（屏幕阅读器）给予文字说明。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。 title 属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息。
HTML5 有哪些新特性？
Posted on:2021年7月4日 at 16:01新增语义化标签：nav、header、footer、aside、section、article 音频、视频标签：audio、video 数据存储：localStorage、sessionStorage canvas（画布）、Geolocation（地理定位）、websocket（通信协议） input标签新增属性：placeholder、autocomplete、autofocus、requir