HTML中相对路径和绝对路径的区别
在实际Web开发中，插入图片、包含CSS文件等都需要有路径，如果文件路径的添加错误，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。很多初学者感到困惑，下面我就详细...
2020-11-11
Jquery选择器通过class名获取ID实例分享
本文主要和大家分享Jquery选择器通过class名获取ID实例，希望能帮助到大家。 通过class名获取按 class 查找注意在 class 名称前加一个.：var a = $('.red'); // 所有节...
2020-11-11
H5中meta标签及作用
本文主要和大家分享H5中meta标签及作用，希望能帮助到大家。 <!DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写 <head lang=”en”> // 标准的 l...
2020-11-11
HTML在两个div标签中间画一条竖线的代码
近日在画一个界面的时候，遇到一个需求：在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父p(即这条竖线的高度和两个p中较高的一个等高)。往常我们画一条横线直接用标...
2020-11-11
HTML页面点击下载文件的方法实例
1.使用<a>标签来完成 <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况，比如txt,png,...
2020-11-11
image与view标签上下有空隙的解决方法
这次给大家带来image与view标签上下有空隙的解决方法，解决image与view标签上下有空隙的注意事项有哪些，下面就是实战案例，一起来看一下。解决方案 就是可以在image那里设置vert...
2020-11-11
一起了解script标签中的async和defer属性
前端当然要从 HTML 开始，我们来聊聊在 script 标签中加上 async/defer 时的功能及差异。都明白的道理我们都知道，浏览器解析 HTML 是一行一行按照顺序向后读取的，在传统的写法...
2020-11-11
使用layui实现左侧菜单栏及动态操作tab项的方法
首先说一下左侧菜单栏
这是一个最基本的左侧菜单栏，实现的过程很简单，官方的说明文档就有，但是我在导入layer.js之后，直接复制这段官方代码到我的编辑器上时，发现页面是...
2020-11-10
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
用了layui框架
1.home.html主界面：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>首页</title> <script src="../js/jqu...
2020-11-10
HTML中必须掌握的知识点有哪些
你是如何理解 HTML 语义化的？让页面内容结构化，它有如下优点1、易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。2、有利于SEO，搜索引擎根据标签来确定上下文和各个关键字...
2020-11-10
HTML网页自动跳转的5种方法
在我们进行网站创建时经常会遇到需要进行网页跳转的情况，本文就来为大家介绍五种网页自动跳转的方法.有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。网页自...
2020-11-10
利用html+css+js实现简单的点赞效果
我们在浏览其他网站的文章时，经常可以看到文章尾部有点赞收藏效果，非常有趣。今天我们自己动手来实现该效果。css样式.like{ font-size:66px; color:#ccc; cursor:pointer;}....
2020-11-07
怎么在html中插入视频和音频
插入视频的理想解决方法：HTML5 + <object> + <embed>代码如下：<!DOCTYPE html><html><body><video width="320" height="240" controls="controls" autoplay="autoplay"> <so...
2020-11-04
浅析HTML5 meta viewport参数
随着移动端的流行，在移动端对网站进行重构和开发势在必行。但是你只有了解了移动设备的meta viewport参数之后，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备...
2020-11-01
使用canvas压缩图片的具体步骤
使用canvas压缩图片的步骤：1、拿到图片元素2、绘制一个空白的canvas3、将图片绘制在canvas上4、将canvas转成base64（这里调用的方法可以实现压缩，base64就可以直接放入src或者...
2020-11-01
cdata标签如何使用
cdata标签使用的方法：CDATA术语 CDATA 指的是不应由 XML 解析器进行解析的文本数据（Unparsed Character Data）。在 XML 元素中，"<" 和 "&" 是非法的。"<" 会产生错误，因为解析器...
2020-10-27
Div水平居中效果怎么实现
对于html/css的初学者来说，实现div各种居中（如水平居中，垂直居中等）的办法，想必大家也都有所了解，毕竟优秀的div排版是制作网页页面的基本组成部分。下面我们就结合简单的示例给大...
2020-10-24
Div垂直居中效果怎么实现
本篇文章主要给大家介绍实现div垂直方向居中的方法。 网页设计中div各种居中布局，是html/css初学者们最为基础且需要掌握的知识技能。div水平居中效果我们在之前的文章中有为...
2020-10-24
html怎么实现上角标效果
实现代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>制作角标的方法</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/j...
2020-10-22
深入了解HTML中的编码规范
本文档的目标是使HTML代码风格保持一致，容易被理解和被维护，如果自己没有这种习惯，请好好选择你的IDE，别再用“文本编辑器”。1 代码风格1.1 缩进与换行[强制] 使用 4...
2020-10-22
详细介绍meta标签
Meta 主要标签HTML5的meta标签有三个主要属性，分别是 name 属性，charset 属性和 http-equiv 属性。Charset声明当前文档的字符编码：<meta charset="UTF-8">http-equiv类似http...
2020-10-20
如何利用HTML5 canvas旋转图片？（实例演示）
最近突然想研究一下js旋转图片的功能。对于之前的实现方式，就不先说了。现在HTML5很不错，主要了解一下HTML5中的图片旋转吧。实例演示：http://www.imqing.com/demo/rotateImg.h...
2020-10-20
分享三款美观的html按钮样式
样式如下：按钮样式一： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/...
2020-10-14
谈谈HTML标签元素中alt和title属性的区别
本篇文章给大家介绍一下HTML标签元素中alt和title属性的区别。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。概述这道题大概还可以加个限定词，我们暂且把 <...
2020-10-12
几种HTML表单提交方式介绍
1、最基本的表单提交。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>表单提交示例 - 基本表单提交</title></head><body><form action="/server_url" method="...
2020-10-01
几个HTML小案例介绍
案例一：隐藏扩展域，并去掉after，并去掉高度<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <style> .clearfix:after{ /*善用af...
2020-09-30
html+ccs3实现太阳系行星运转动画
做一个太阳系八大行星的运转动画，不包括行星的卫星，所有行星围绕太阳公转，行星采用纯色，暂时没有自转。效果静态图：动画中包括：太阳及各行星，运行轨道，行星公转动画。先画好草图，设计...
2020-09-30
HTML中如何显示特殊字符(尖括号 “<”,">")？
这几天，做个网页，之后进行解析，总是出错。最后发现是因为错误的使用了尖括号 “<”,">"。如下面的html代码: <body> 显示：<input id="myTest" type="text"...
2020-09-30
深入理解HTML语义化
1、什么是HTML语义化？<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出...
2020-09-30
浅谈去除chrome中input自动填充背景的方法
input可能是平时网页中使用最多的标签之一了，但凡需要输入的地方都少不了。
毕竟输入是一件比较麻烦的事情，所以浏览器也做出了许多便于输入的地方，比方说自动填充一般情况下，在...
2020-09-30
详解HTML文档声明（DOCTYPE）
特点文档声明必须是HTML文档的第一行、且顶格显示，对大小写不敏感。因为任何放在DOCTYPE前面的东西，比如批注或XML声明，会令IE9或更早期的浏览器触发怪异模式(后面的渲染模式会...
2020-09-30
如何巧用 canvas（画布）为图片加水印？
在前端中给网页图片添加水印是个常见的功能，也是互联网内容作者保护自己版权的方法之一。本文简单记录一下借助canvas在前端实现图片添加水印的实现方法。canvas元素其实就是...
2020-09-30
html5不常用标签应用场景
作为一个前端开发，在浏览别人家的页面时总是会习惯性的查看他们页面的源码，发现大多数网站的页面，包括我自己写的页面中用到的最多的布局元素无外乎就是div、p、span、ul、dl、...
2020-09-30
HTML中16个全局属性介绍
HTML原有属性accesskey作用：浏览器用来创建激活或聚焦元素的快捷键值：一个键盘字符如 O范围：支持该属性的元素有<a>、<area>、<button>、<input>、<label>、<legend>、<textare...
2020-09-30
常见的类名id名命名参考规范
web前端命名规范下面是常见的命名参考规范：❤ 主体头部：header内容：content/container尾部：footer导航：nav侧栏：sidebar栏目：column整体布局：wrapper左右中：left / right / center登...
2020-09-30
10个你不知道你需要的html元素
HTML 是一种功能强大的标记语言，可用于为我们的 web 应用程序提供结构并提供强大的可访问性优势，但只有在适当使用时才能使用。因此，今天我们将发觉 10 个你可能不知道存在的 H...
2020-09-30
适用于任何项目的基本HTML5模板
在本文中，我们将看看如何开始。让我们从简单的开始，用一个最基本的HTML5页面:<!doctype html><html><head> <meta charset="utf-8"> <title>The HTML5 Herald</title> <met...
2020-09-30
初学指南之Canvas使用
什么是 Canvas？HTML5 的 Canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，你可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像...
2020-09-30
Canvas的绚烂起点
Canvas是什么可以理解为，它提供了一块画布，在它所掌控的区域，可以运用各种方法绘制图形、文本，或者制作动画、处理图像，等等。通常我们能够看到一些炫酷的动画，很多都是canvas做出...
2020-09-30
使用HTML5获取地理位置定位信息
使用HTML5获取地理位置定位信息如何使用HTML5地理位置定位功能定位功能(Geolocation)是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设备如iphone，地理定...
2020-09-30
如何让所有浏览器支持HTML5 video视频标签
1.兼容video标签的必要性随着HTML5的定稿，在HTML5的时代里，基本上只要一个 video 标签加一个视频的src链接地址就可以播放视频了，对于开发人员来讲真是“酷毕了”。...
2020-09-30
HTML5 canvas画简单的叮当猫头
html5的canvas是很强大的，下面本篇文章使用html5 canvas 实现一个简单的叮当猫头部。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。效果如下：代码如下：<div c...
2020-09-30
详解HTML5 canvas的线条及线条属性
创建 canvas首先创建一个canvas元素，我们只需要在html文件中加入这么一句代码：<canvas id="canvas">当前浏览器不支持canvas，请更换浏览器使用！</canvas>同时我们也可以通过canv...
2020-09-30
详细了解一下HTML中的表格table
在CSS出现之前，table元素常常用来布局。这种做法在HTML4之后不再推荐使用。而现在有些矫枉过正，使用table展示数据都可能会被说不规范。本文将详细介绍HTML表格tabletable【默...
2020-09-30
深入浅析HTML中的图像
img<img>表示image图像，从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。【必须属性】 1、src:地址 2、al...
2020-09-30
谈谈HTML中锚点及其使用
概念<a>元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说，<a>元素不是一个链接，而是超文本锚点，可以链接到一个新文件、用id属性指向任何元素。如果...
2020-09-30
内联元素和块状元素的区别
html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。内联元素在html中，<span>、<em>、<a>、<p>等标签是典型的内联元素。当然块状元...
2020-09-30
HTML的10个最佳实践
在当今世界，JavaScript框架每周都会出现，其他一切都会随之改变，这很容易让人陷入困境，并怀疑你的网站是否以最佳状态执行。哪些做法要保留，哪些要放弃。我读到过，使用 implementat...
2020-09-30
HTML/CSS实现逆序列表（列表编号倒序）
我正在做一个项目，其中有一个倒序的列表。列表创建时间降序排序的，这里我想在语义和视觉上都能体现出来(让列表显示对应的编号，编号越大表示是最新的)。网上做了一些研究，找到了...
2020-09-30
