HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（       ‌‍）在不同浏览器中宽度各异。 它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体...
在Html、css中的长度单位一共有8个，分别是px、em、pt、ex、pc、in、mm、cm。1.pxpx：像素（Pixel）,相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。譬如，WINDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。2.emem：相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。3.exex：相对长度单位。相对于字...
有时页面上的一些数据信息是通过js计算后填入的。在过去，开发人员常常会将<span>元素作为占位符，并指定一个ID属性，这样JavaScript代码就可以在计算时找到它并填入数据。 HTML5中，建议使用<output>作为占位符使语义更加清晰，用法实际和以前的<span>是一样的。<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>随机数生成</title><script>function run(){var resultElement = document.getElementById("result");res...
兼容性问题是前端的一个重要部分。在国内的浏览器中，360浏览器，QQ浏览器等绝大部分都是双核浏览器。双核浏览器即拥有IE兼容内核和非IE极速内核两个内核，分别对应兼容模式和极速模式。兼容模式时使用IE内核，极速模式采用webkit内核。而目前大部分网站为了性能和用户体验，默认使用极速模式。在极速模式出现问题时，使用兼容模式。虽然极速模式是使用的webkit内核，但是浏览器的表现却还是有一定差异。平时使用Chrome调试，在极速...
frame，是网页开发必须掌握的知识。例如后台架构、局部刷新，页面分割，都是frame的用途表现，尤其是后台页面制作，使用frame会给用户带来非常舒适的使用感受。frame知识点包括（frameset标签、frame标签、iframe标签）。 一、frameset1. 属性①border设置框架的边框粗细。②bordercolor设置框架的边框颜色。③frameborder设置是否显示框架边框。设定值只有0、1；0 表示不要边框，1 表示要显示边框。④cols纵向分割页面。其数值表示...
现在很多前端都用rem来单位元素和字体大小一般的设置是 html{font-size:62.5%; }换算来源 1rem = 16px10/16 = 0.625这样10px 就等于了1rem 1.4rem = 14px （这样很好换算）1.6rem = 16px （这样很好换算）在chrome浏览器中有一个问题是字体小于12px统一都按12px but 我们在计算元素的宽高是会出现问题例如一个div的宽原先是100px 高是100px按照我们原先的思想 width:10rem & height: 10rem可是现实中没有达到我们的预期，真是的是...
实例以下代码标记了一个按钮：<button type="button">Click Me!</button>浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 <button> 标签。重要事项：如果在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的值。Internet Explorer 将提交 <button> 与 <button/> 之间的文本，而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。定义和用法<button> 标签定义一个按钮。在 button ...
内存泄漏是指计算机可用内存的逐渐减少。当程序持续无法释放其使用的临时内存时就会发生。JavaScript的web应用也会经常遇到在原生应用程序中出现的内存相关的问题，如泄漏和溢出，web应用也需要应对垃圾回收停顿。尽管JavaScript使用垃圾回收进行自动内存管理，但有效的(effective)内存管理依然很重要。在这篇文章中我们将探讨分析JavaScript web应用中的内存问题。在学习有关特性时请确保尝试一下相关案例以提高你对这些工具在实践...
HTML5介绍HTML5是继HTML4以后的下一代HTML标准规范，它提供了一些新的元素和属性。新型的标签有利于搜索引擎和语义分析，同时更好地帮助小屏幕装置和视障人士使用，除此之外，也提供了一些新的功能，总结而言，有如下几大特点：1、取消了一些HTML4里过时的元素和属性标记其中包括纯粹显示效果的标记，如<font>和<center>，它们已经被CSS取代。HTML5吸取了XHTML2的一些建议，包括一些用来改善文档结构的功能，比如，新的HTML标签hea...
微信分享网页的时候，希望分享出来的链接是标题+描述+缩略图，微信开发代码示例里已提供了方法，但只适用于动态页面。由于dedecms是生成了静态文件，其实我想使用ajax获取jssdk参数也能也能实现微信分享功能了，在这里分享给大家。前台HTML代码示例：<script src="http://外部站点引入/js/jquery-1.11.1.min.js"></script><script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><script>var url=location.href;$....
width</a>:100%; clear:both; min-<a href=">今天一位朋友Q我说：为什么我录制的MP4视频在本地可以播放但是使用html5的video多媒体播放标签不能正常播放只有一个进度条而不显示图像？当时我也很好奇MP4视频可以用video标签播放呀，我就经常用，毕竟是好朋友我还是亲自去筛查了一下问题，这不结论处来了，其实就是一个视频编码的问题，格式虽然都是MP4但是html中只支持H.264的编码格式，无奈只能重新转换一下编码了。为了避免大家遇...
这篇文章主要介绍了详解html中的marquee属性的相关资料,需要的朋友可以参考下该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法：<marquee></marquee>以下是一个最简单的例子：代码如下:<marquee><font size=+3 color=red>Hello, World</font></marquee>下面这两个事件经常用到：onMouseOut="this.start()" ：用来设置鼠...
作用直接为项目生成一个或多个HTML文件（HTML文件个数由插件实例的个数决定），并将webpack打包后输出的所有脚本文件自动添加到插件生成的HTML文件中。通过配置，可以将根目录下用户自定义的HTML文件作为插件生成HTML文件的模板。另外，还可以通过向插件传递参数，控制HTML文件的输出。用法：第一步：在项目根目录下http://www.gxlcms.com/php/php-tp-inst安装插件：cnpm install html-webpack-plugin --save-dev第二步：在webpack...
移动端布局：rem方案：页面中的任何元素都采用rem布局，包括字体。<!DOCTYPE html> <html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><style type="text/css">* {margin: 0;padding: 0;}body {width: 7.5rem;font-size: 32px;font-size: .32rem;max-wi...
这篇文章介绍html的运行原理分析 html的运行原理1.本地运行html 文件 使用 浏览器（软件）视频文件 使用 暴风软件2，远程访问运行在100%情况（除了自己测试外）是远程访问html文件html的基本结构不管这个html 文件有多复杂，它的基本结构式<元素 属性=‘属性值’...>内容</元素>如果没有内容，可以这样写<元素 属性=‘属性值’.../>或<元素 属性=‘属性值’...></元素>元素就是标记<P>段落标记</p><font size=‘’>字体标记<...