首先明确一下：link本身并不是专门为了css而产生的，它的作用是链接一个文档，只不过rel的stylesheet属性值被全支持了而已。只有style标签才是真心为css语句服务的。【引用一个资源】，它用来代替自己本身的内容。如img、script、iframe。它们如果不写src，那么本身没有内容，script会不存在脚本代码，img会显示x
转载
2024-07-28 16:01:13
47阅读
对于CSS属性 border ，相信所有的WEB开发人员都非常熟悉。我们可通过设置HTML元素的 border 的宽度、颜色、样式，来让HTML元素表现出不同的边框，比如双线、虚线、圆点线。但不管你怎么设置，这些都是一些非常原始的做法。从CSS3起，我们有了一个新的属性： border-image ，它能让你用漂亮的小图片来围绕HTML元素，以图片边框的形式出现。通过 border-image 属
转载
2024-09-29 15:17:41
56阅读
# HTML5 Audio和Blob对象
HTML5 Audio元素使得在网页中播放音频变得更加简单。而Blob对象则允许我们以二进制形式操作数据。结合两者可以实现在网页中播放来自Blob对象的音频数据。在本文中，我们将介绍如何使用HTML5 Audio元素和Blob对象来播放音频。
## Blob对象
Blob对象代表了不可变的、原始数据的类文件对象。我们可以使用Blob对象来存储二进制数
原创
2024-03-28 07:40:12
612阅读
点赞
利用jsonp进行跨域已经是老生常谈了。主要原理是浏览器解析<script>标签的时候，会用script的src属性去发一个网络请求，并将response的东西当做javascript去执行。而浏览器对js脚本并没有做跨域限制。一个简单的jsonp例子const url = 'http://www.xxx.com/api/someThing?query=WITH_SOME_DATA&a
# HTML5 Image 尺寸
在网页开发中，经常需要使用图片来装饰页面或展示信息。在HTML5中，可以使用``标签来插入图片，但是如何设置图片的尺寸是一个常见的问题。本文将介绍如何在HTML5中设置图片的尺寸，并提供一些代码示例。
## 设置图片尺寸的方式
在HTML5中，可以通过以下几种方式设置图片的尺寸：
1. 使用`width`和`height`属性
2. 使用CSS样式
3.
原创
2024-06-29 04:34:22
401阅读
为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。 1. 导航高亮导航高亮是一种很常见的问题，包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制，但是用一点CSS技巧就可以达到这个目的，不需要使用JS。在正常态时，每个导航的默认样式为： 正常态透明度为0.5
# HTML5 Video 切换src
HTML5的video元素允许我们在网页中嵌入视频内容，以便用户可以直接在浏览器中观看。有时候，我们可能需要在用户点击某个按钮或执行某个操作时动态更改视频的src，以实现视频的切换功能。本文将介绍如何使用JavaScript来实现HTML5 video的src切换。
## HTML5 Video元素
首先，让我们来看一下HTML5 video元素的基本
原创
2024-04-07 05:46:45
429阅读
步骤
1
2
3
4
5 简介是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。工具/原料htmlscript步骤/方法最常见的在canvas上画图的方法是使用Image对象。所支持的来源图片格式依赖于浏览器的支持，然而，一些典型的图片格式(png，jpg，gif等)基本上都没
前几日做了项目，其中有一个模块涉及到上传图片至服务器。今天抽空整理了下，发现越整理涉及的知识点越多，下面例子有参考百度的搜图。知识点：input file、base64、FileReader、canvas压缩、blob、btoa编码和atob解码、FormData。html dom节点：<input type="file">默认可以选择一个文件。需要上传多张。可以增加multiple=
转载
2023-12-14 12:26:35
68阅读
HTML5 image rotate effect
HTML5 ,image rotate effect,旋转拨号键盘, 旋转, 拨号键盘, js, css3, h5, app,
HTML5 image rotate effectHTML5 实现旋转拨号键盘简单的html中js实现图片中心旋转javascript:void(0)javascript:void(0)css3
转载
2019-06-13 18:56:00
63阅读
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset = utf-8">
</head>
<scri
原创
2017-04-04 20:31:16
1461阅读
# HTML5 实现图片查看大图功能
在现代网页开发中，展示图片是相当普遍的需求。用户通常希望能够查看图片的大图，以更好地欣赏细节。本文将指导你如何使用 HTML5 和一些简单的 JavaScript 实现图片查看大图的功能。
## 总体流程
在实现查看大图的功能之前，我们需要明确整体的工作流程。下面是该功能的实现步骤：
| 步骤 | 描述
# HTML5 Video 动态更换src
在网页开发中，使用HTML5 Video元素来展示视频内容是非常常见的。有时候我们需要在不刷新页面的情况下动态更换视频的src，这样可以为用户提供更好的交互体验。
## HTML5 Video元素
HTML5 Video元素是用来嵌入视频内容的标签，它允许我们在网页中展示视频，并提供了一些控制选项，比如播放、暂停、音量控制等。我们可以通过设置src
原创
2024-02-24 04:09:41
870阅读
img标签介绍介绍img: 英文全称
image（图像），代表的是一张图片。如果要想在网页中显示图像，就可以使用img 标签，它是一个单标签。语法如下：<img
src="图片的URL" />能插入的图片类型能够插入的图片类型是：jpg(jpeg)、gif、png、bmp等。不能往网页中插入的图片格式是：psd、ai等。
HTML页面不是直接插入图片，而是插入图片的引用地址，所以要先把图
转载
2023-07-18 01:33:42
479阅读
# 如何处理HTML5视频的加载失败
## 介绍
在开发网页时，我们经常会使用HTML5视频来展示和播放视频内容。然而，有时候视频无法正确加载，这可能是由于网络问题、视频文件损坏或其他原因导致的。对于刚入行的开发者来说，解决这个问题可能会比较困惑。本文将指导你如何处理HTML5视频的加载失败，并提供详细的步骤和代码示例。
## 整体流程
以下是解决HTML5视频加载失败问题的整体流程：
``
原创
2023-08-28 10:31:05
2626阅读
使用 localStorage 进行缓存，操作比 cookie 更简单，且存储空间更大，用 vue.js 使用 localStorage 没什么问题，但是用 nuxt.js 使用 localStorage 就出现报错，因为服务端在寻找 localStorage，而其只存在于浏览器中。虽然使用 keep-alive 可以在页面跳转时，由于没有进行初始化实例的操作，所以数据还停留在页面，但是一旦刷新或
一、本地存储由来的背景
由于HTML4时代Cookie的大小、格式、存储数据格式等限制，网站应用如果想在浏览器端存储用户的部分信息，那么只能借助于Cookie。但是Cookie的这些限制，也就导致了Cookie只能存储一些ID之类的标识符等简单的数据。下面是Cookie的限制：大多数浏览器支持最大为 4096 字节的 Cookie。
HTML5 & auto download image
HTML5, auto download image, SVG, Canvas, download
转载
2019-03-12 16:06:00
102阅读
# 实现 HTML5 图像自适应屏幕的实用指南
在现代网页开发中，图像的自适应处理是一个非常重要的技能。随着各种设备和屏幕尺寸的增加，确保你的图像能够自动适应不同的屏幕变得尤为重要。本文将为刚入行的开发者详细阐述如何实现 HTML5 图像自适应屏幕的流程和每个步骤的具体操作。
## 流程概述
我们总结出实现图像自适应的步骤，具体流程如下表所示：
| 步骤 | 描述
# HTML5 Video 的 src 切换方案
在Web开发中，HTML5视频是一项重要的功能，它允许用户在网页上播放视频。在某些情况下，我们需要动态地切换视频源（`src`），例如用户选择不同的视频时。在这篇文章中，我们将探讨如何实现这一点，并提供相关的代码示例。
## 问题描述
假设我们有一个简单的网页，用户可以通过点击不同的按钮来观看不同的视频。为了实现这个功能，我们需要通过Java
