HTML5
文章平均质量分 70
iBenxiaohai123
这个作者很懒,什么都没留下…
展开
-
创建图片的热点区域
在浏览网页时会发现,当单机一张图片的不同区域时会显示不同的链接内容,这就是图片的热点区域。所谓图片的热点区域就是将一个图片划分成若干个链接区域。访问者单击不同的区域会链接到不同的目标页面 在HTML中,可以为图片创建3中类型的热点区域:矩形、圆形和多边形。创建热点区域使用标记和,语法格式如下原创 2017-07-31 14:03:49 · 4221 阅读 · 1 评论 -
js中style,currentStyle和getComputedStyle的区别以及获取css操作方法
在js中,之前我们获取属性大多用的都是ele.style.border这种形式的方法,但是这种方法是有局限性的,该方法只能获取到行内样式,获取不了外部的样式.所以呢下面我就教大家获取外部样式的方法,因为获取外部的样式存在兼容性的问题,所以后面我还会教大家解决兼容性的方法.style:各大浏览器都兼容,能设置样式和获取样式,但是获取不了外部样式,如果写了行内没有的样式,返回的是空值写法:el...原创 2018-07-19 17:20:26 · 168 阅读 · 0 评论 -
深入理解CSS盒模型
如果你在面试的时候面试官让你谈谈对盒模型的理解,你是不是不知从何谈起。这种看似简单的题其实是最不好答的。 下面本文章将会从以下几个方面谈谈盒模型。基本概念:标准模型 和IE模型 CSS如何设置这两种模型 JS如何设置获取盒模型对应的宽和高 实例题(根据盒模型解释边距重叠) BFC(边距重叠解决方案)基本概念盒模型的组成大家肯定都懂,由里向外content,padding...原创 2018-07-24 14:04:05 · 239 阅读 · 0 评论 -
HTML5中meta属性的应用
name="属性名" content="属性内容" >1.viewport移动端浏览器通常在一个比屏幕更宽的虚拟“窗口”(视口)中渲染页面,从而无需将所有页面都压缩进小屏幕里(如果把所有页面都压缩进手机的小屏幕里,很多没有针对移动端设计的网站就会被打乱),用户可以通过平移和缩放来浏览页面的不同区域。iOS Safari最初引入“viewport”元标签来让开发者控制可视原创 2017-08-05 14:15:02 · 343 阅读 · 0 评论 -
HTML5页面资源预加载(Link prefetch)写法
不管是浏览器的开发者还是普通web应用的开发者,他们都在做一个共同的努力:让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快:使用CSS sprites,使用图片优化工具,使用.htaccess设置页面头信息和缓存时间,JavaScript压缩,使用CDN等。我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里,出现了一个新的用来优化网站速度的新功能:页面资源预加载/原创 2017-08-05 14:07:34 · 4320 阅读 · 0 评论 -
css3动画属性--animation(动画)
CSS3中的animation与HTML5中的Canvas绘制动画又不同,animation只应用在页面上已存在的DOM元素上。运用animation能创建自己想要的一些动画效果,但是有点粗糙。了解animation之前得知道"Keyframes",我们把他叫做“关键帧”。Keyframes具有其自己的语法规则,它的命名是由"@keyframes"开头,后面紧接着是这个“动画的名称原创 2017-08-08 17:20:46 · 696 阅读 · 0 评论 -
:after伪类+content内容生成经典应用举例
一、简单说说content内容生成content内容生成就是通过content属性生成内容,content属性早在CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持: (Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外,目前Opera 9.5+ 和 Saf原创 2017-08-01 09:14:11 · 420 阅读 · 0 评论 -
HTML 网页特殊符号HTML代码大全
往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。´´©©>>µµ®®&&°°¡¡ »»¦¦÷原创 2017-08-01 08:59:49 · 1277 阅读 · 0 评论 -
什么是<!DOCTYPE html>及<!DOCTYPE html>的重要性?
什么是?在HTML文档初,往往会有这么一句话,那么它的意义是什么呢?它是html5标准网页声明,全称为Document Type HyperText Mark-up Language,意思为文档种类为超文本标记性语言或超文本链接标示语言,现在是这个简洁形式,支持html5标准的主流浏览器都认识这个声明。表示网页采用html5, 声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器原创 2017-07-31 18:09:17 · 618 阅读 · 0 评论 -
H5知识储备
1.网络状况API网络状态 API 可以获取到系统的网络连接信息,比如说连接方式是 WiFi 还是蜂窝。应用程序可以根据此信息为用户展现不同清晰度的内容。该 API 是由 NetworkInformation 接口和 Navigator 接口上新增的一个 connection 属性组成的。侦测连接状态变化下面是一个侦测用户设备连接状态变化的例子。var connection = ...原创 2018-12-12 13:42:33 · 247 阅读 · 0 评论