html什么是块级元素?

display属性为block的元素为块级元素。通常块级元素在很多浏览器中,都是显示占据一行,并且排斥其他元素和其他元素在同一行,在浏览器中,块元素出现的形状是矩形,并且盛放其他元素...

2019-11-10

html如何调用外部css?

CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实...

2019-11-10

HTML空(void)元素有哪些?

空元素,即没有内容的HTML元素。那么空(void)元素有哪些?下面本篇文章就来给大家介绍一下HTML中空元素,希望对大家有所帮助。没有内容的 HTML 元素被称为空元素。空元素是在开始标...

2019-11-10

使div变身textarea的属性“contenteditable”

今天在QQ空间的情侣主页中查看arrow的实现效果,无意中发现文本域使用了“contenteditable”属性,使div变成了textarea效果,可以方便解决文本框随着内容自适应高度,con...

2019-11-07

实测iframe自适应高度的两种方法

方案一<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe><script type="text/javascript" language="javascript"> $(window.paren...

2019-11-06

html中隐藏A标签的文字并显示背景图片

在前端web的设计中,有时候为了seo需要做一些不合常理的规划,所以在我们这里做SEO的小组经常和做前端的小组干仗的。今天就说一个SEO小组提出的HTML前端设计方案中的一个小需求...

2019-10-08

A链接属性值 nofollow 和 external nofollow 的作用与区别

专门做SEO的对A标签中rel属性 nofollow 值与 external 值的用法肯定非常的熟悉了,但是对于一些不懂SEO或者seoer们,可谓是天书一般。这篇博文就说一说A标签中rel属性值 nofoll...

2019-10-05

html中onclick事件属性定义与用法

在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等。这事件一般都需要通过HTML onclick事件的调用,这篇文章重点介绍一下 onclick事件的定义与用法onclick...

2019-10-04

html select 元素下拉菜单选中事件

今天在写一个关于 html 中 select 下拉元素选择的动态事件时,发现如果使用 javascript 中的 click 事件的话,会被执行两次。网上查了一下资料,发现 select 元素下拉选中事件并...

2019-10-03

HTML5中的预加载功能

在网站WEB前端设计中,如果想加快网页的加载速度,减少网站访客的等待时间,经常要对HTML页面文件,CSS文件,JS文件,图片文件等静态文件进行压缩,也有的会使用CDN一类的加速服务。而今...

2019-09-28

html5 调用手机摄像头以及录音的方法

前两天发布了一篇关于利用html5在手机端进行拨号和发送短信的教程,今天再说一下利用html5在手机端调用摄像头以及录音的教程HTML5 调用手机摄像头在html5中可以利用type类型...

2019-09-28

html拨打电话和发送短信功能的实现方法

今天有一童鞋过来问如何在HTML页面中,添加拨打电话号码的的功能。我个人没做过此类的功能,也有点疑惑,就百度了一下查了点资料,发现非常的简单,写个教程记录一下。HTML拨打电话的...

2019-09-28

img中alt和title属性的区别

在图像标签img中,除了常用的宽度width和高度height属性之外,还有两个比较重要并且也会用到的属性,就是alt和title,这都是用来显示图片内容的具体信息的,但是这两个属性也有不同的...

2019-08-25

HTML <input> 标签的 accept 属性

<form> <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /></form>accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进...

2019-08-25

HTML中的target(_self,_blank)用法总结

最近一个项目,多次遇到target=&#39;_self&#39;, target=&#39;_blank&#39;的用法, 再次总结一下:1.<a>标签<a href="xxxx" target="_self">XX</a><a href="xxxx" target="_bla...

2019-08-25

深入15个HTML元素方法,你见过吗?

虽然现代化的 web 开发更多地依赖各种 MVC 框架,但开发者仍需要熟练掌握 HTML 与 DOM 方面的基础知识。不过,即使是有着多年经验的前端开发者,也会遇到一些不明所以的情况。本...

2019-08-25

快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型

前言3D 场景中的面不只有水平面这一个,空间是由无数个面组成的,所以我们有可能会在任意一个面上放置物体,而空间中的面如何确定呢?我们知道,空间中的面可以由一个点和一条法线组...

2019-08-25

分享一个H5原生form表单的checkbox特效

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .md-checkbox { margin: 50px; position: relative; height: auto; font...

2019-08-25

HTML5实现文件断点续传的方法

HTML5的FILE api,有一个slice方法,可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件,按照指定的分割方式将大文件分段,然后一段一段地传给后端,后端再按顺序一段段...

2019-08-22

html 中input标签的隐藏方法

有的时候我们需要隐藏input标签,我们可以加入(style="display:none;)如下:<input type="submit" name="submit" value="Submit" style="display:none;"/>...

2019-08-22

HTML5+css3:3D旋转木马效果相册

这篇博客的目的是因为上篇HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果中有个关于CSS 3D效果的比较重要的知识点没讲到,就是perspective和tranlateY效果图:嘿嘿,我...

2019-08-09

移动端html5页面长按实现高亮全选文本内容的兼容解决方案

最近需要给HTML5的WebAPP在页面上实现一个复制功能:用户点击长按文本会全选文字并弹出系统“复制”菜单,用户可以点击“复制”进行复制操作,然后粘贴到App...

2019-08-09

HTML5不支持frameset的两种解决方法

frameset标签定义框架集,它用于组织多个窗口(框架)。每个框架存在一个独立的文档。在最简单的应用中,frameset 元素仅仅声明框架集中存在的列或行的数目。但在 HTML5中frameset...

2019-08-09

HTML中meta的作用

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于con...

2019-08-09

html中实现数据的显示和隐藏

<!DOCTYPE html><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head><title>demo</title><script>var obj = document.getElementById("di...

2019-08-09

HTML中css和js链接中的版本号

在搜索引擎中搜索关键字.htaccess 缓存,你可以搜索到很多关于设置网站文件缓存的教程,通过设置可以将css、js等不太经常更新的文件缓存在浏览器端,这样访客每次访问你的网站的...

2019-07-29

HTML基础之图片标签的用法!

在HTML中<img>这个标签是定义文本中的图片标签,它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性,比如Alt这个属性,可以给图片一个名称来告诉...

2019-07-15

网页开发中如何选取合适且统一的字体

今天子凡就来给大家分享一下如何选给网页选择合适且统一的字体。首先我们网页上要想统一字体其实有两种方法,一种是选择大家操作系统上都有的默认字体,第二种就是强行在网页总...

2019-07-14

dns-prefetch应用好,网站速度能提高一半!

DNS Prefetch,即DNS预获取,是前端优化的一部分。一般来说,在前端优化中与 DNS 有关的有两点: 一个是减少DNS的请求次数,另一个就是进行DNS预获取 。 DNS 作为互联网的基础协议,其...

2019-07-11

一个比 Cookie 更好的本地存储方式 – HTML5 Web 存储

Web 开发中经常会遇到网站需要做一些例如用户备忘录、文章修改自动保存等需求 这些功能不需要长期保存,也不需要入数据库,所以有人可能会考虑使用 Cookie 去进行存...

2019-01-11

HTML5-语义化

距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多(ps:查看了几个巨头公司...

2018-09-21

canvas小tip–下载二维码、图片加水印

昨天介绍了一个生成二维码的插件QRCode.js,它是借助HTML5 Canvas绘制而成。所以,今天的主角就是canvas啦&ndash;canvas的实际应用。一、下载二维码(查看如何生成二维码)HTMLCanv...

2018-09-21

html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效

一款好看的html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效,跟随鼠标运动轨迹出现并很快消失。js代码<script src="underscore.js" type="text/javascript" charset="ut...

2018-08-26

自定义美化HTML5 video视频播放器界面样式

一款可以自定义美化HTML5 video视频播放器界面样式代码,如果你觉得默认的video标签的样式太单调,那么你就需要这款美化video UI界面的代码了。代码下载:https://pan.lanzou.com...

2018-08-26

HTML5实现获取地理位置信息并定位功能

前言这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下。HTML5提...

2018-08-26

使用 HTMLPurifier 来解决 Laravel 5 中的 XSS 跨站脚本攻击安全问题

HTMLPurifier for Laravel 是对 HTMLPurifier 针对 Laravel 框架的一个封装.使用 Composer 安装:composer require mews/purifier在 config/app.php 文件的 providers 数组添...

2018-08-20

HTML5的 input:file上传类型控制

1. input:file属性 属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。 multiple:是否可以选择多...

2018-08-19

搜索框提示文字点击消失的效果

当输入框默认显示“提示的文字”当鼠标点击的时候自动变成空白,如果不输入任何文字再点击其他地方则再次显示“提示的文字”,如果输入了文字再点击其他地方则无反映,代码如...

2018-08-14

article和section的区别

article 文章是一个独立的,单独的一段离散的内容。例如一篇博客的帖子,或者一个email中的单个email。 一篇博客中的帖子,可以由rss或者其他方法聚合,而不需要更多的上...

2018-08-14

UTF-8与UTF-8无BOM的差异导致的异常

UTF-8 无BOM格式 UTF-8 BOM又叫UTF-8 签名,其实UTF-8 的BOM对UFT-8没有作用,是为了支援UTF-16,UTF-32才加上的BOM,BOM签名的意思就是告诉编辑器当前文件采用何种编码...

2018-08-13

html5知识点:DOM编程

DOM是Document Object Model的缩写,中文名称是文档对象模型。DOM是处理HTML页面的标准编程接口,DOM可被JavaScript用来读取、改变HTML的内容和结构。前端三大件指HTML、CSS、J...

2018-08-11

html5知识点:多终端浏览器兼容

什么是多终端?多终端就是包括了我们的电脑,手机,手持式移动设备比如ipad等。因为各类设备的显示屏幕大小不一,分辨率不一,最佳可视效果的横竖设置也不一样,所以多终端浏览器兼容主...

2018-08-11

HTML5中表单验证的8种方法

前一篇,我们介绍了HTML5中新的表单特性和函数, 今天就继续来谈谈HTML5的表单验证。在深人探讨表单验证之前,让我们先思考一下表单验证的真实含义。就其核心而言,表单验证是一套...

2018-08-11

HTML5部份标签及标签意义解释

HTML5:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等...

2018-08-11

form表单提交后不刷新不跳转的实现方法

由于制作用户的注册界面,发现每当form表单提交后,都会刷新一下,导致填写的数据丢失,为了解决这一问题专门,百度了一下。还真找到了一种form表单提交后,不刷新的方法,先转过来,以...

2018-08-11

常用 HTML 转义符对照表

为什么要用转义字符串?HTML中<,>,&等有特殊含义(<,>,用于链接标签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办...

2018-08-05
返回顶部
顶部