html
文章平均质量分 78
HelloStarnger
这个作者很懒,什么都没留下…
展开
-
HTML特殊字符大全
使用方法:这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你需要在前面加上&#符号;第二列可以用于CSS文件中,但是需要用反斜杠\转义;第二列也可以用于JavaScript,和CSS用法一样,不过要用\u来转义。需要主意的是:有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在Fir转载 2012-04-04 19:18:02 · 545 阅读 · 0 评论 -
HTML页面Meta介绍
您的个人网站即使做得再精彩,在浩瀚如海的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种:● 在搜索引擎中登录自己的个人网站● 在知名网站加入你个人网站的链接● 在论坛中发帖子宣传你的个人网站很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签转载 2012-04-20 14:32:16 · 247 阅读 · 0 评论 -
为什么空白区域在网页设计中重要
在网页设计中,空白区域是指不同设计元素间的区域。文字之间、段落之间、图片之间、链接和页脚之间等的区域都是所谓的空白区域。空白区域并不一定是“白色的”,而是内容上的空白。 使用空白区域有助于浏览网站或网页的不同部分。不过设计的网页模板设计师通常低估了空白区域的重要性。空白区域减少了访客需要浏览,一气呵成的文字量。不同的视觉隔离设计元素都能有效地用于空白区域。有效地使用空白区域可以使网站模板干净转载 2012-04-20 11:35:57 · 316 阅读 · 0 评论 -
CSS命名及书写规范
一.文件命名规范全局样式:global.css;框架布局:layout.css;字体样式:font.css;链接样式:link.css;打印样式:print.css;二.常用类/ID命名规范页 眉:header内 容:content容 器:container页 脚:footer版 权:copyright 导 航:menu主导航:mainMenu原创 2012-04-20 14:04:39 · 230 阅读 · 0 评论 -
引发网页布局灾难的7个大错误
即使 WEB 设计已经成为一个真正的产业,开发一个网站仍旧是技术和艺术的结合。一个网站的设计即可以带来大量流量,同时也可以吓走大量用户。当然这些都和设计师相关。经验,天份和能力三方面的努力是一个设计师最强大的工具,一个设计精良的布局是所有这些的基础。而且,这也是一个非常耗时的工作。 设计一个非常好的布局是一件非常不容易的事情,而且判断的方式也非常的主观。任何一个设计可能会取悦你,也可能让其它转载 2012-04-20 11:33:46 · 239 阅读 · 0 评论 -
HTML中ID与NAME的区别
以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?而同样我们也可以得到最经典的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。上面一段对于ID和Name的解答说的太笼统了,以下我们来具体探讨一下。一、name和id 都可以用来调用html中的元素当我们需要在脚本里访问页面内转载 2012-04-20 14:22:32 · 561 阅读 · 0 评论 -
自适应网页设计
一、允许网页宽度自动调整"自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置原创 2012-06-08 15:14:45 · 432 阅读 · 0 评论 -
2013年10大网页设计趋势 响应式设计居首
2013年网页设计方面的10大趋势,其中包括响应式设计、Web字体、拒绝Flash、大背景图和留白、社交分享入口、冷色系、拟物化设计将不再时髦等,以下为TNW总结的十大趋势:1、响应式设计,一个样式适配多尺寸屏幕2、重视字体的选择,使用Web字体3、拒绝Flash,使用其他任何可能的替代技术4、苹果iOS的拟物化设计将不再时髦5、使用巨大的背景图构造大气的视觉效果6转载 2013-03-16 09:41:40 · 384 阅读 · 0 评论 -
自适应网页设计
一、允许网页宽度自动调整"自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置原创 2013-07-18 17:26:58 · 178 阅读 · 0 评论 -
社会化分享功能的实现
随着社会化应用的火爆,社会化分享也慢慢开始热起来了。从国外的AddThis,到国内的JiaThis,还有最近才出来的百度分享等等。 现在我们经常在各种网站上可以看到“分享到”这种工具,该服务提供网页地址收藏、分享及发送的按钮工具,网站的浏览者可以方便的分享到微博和SNS网站,网站主只要添加一段JavaScript即可实现。这也就是SMO—社会化媒体优化(Social media opt转载 2013-07-18 17:27:18 · 240 阅读 · 0 评论 -
网页-视频播放 代码
http://www.surperos.com/vcastr2.swf" quality="high" flashvars="vcastr_file=/uploadFiles/zzjdw.flv&vcastr_config=1:自动播放|1:连续播放|0:默认音量|0:控制栏位置|3:控制栏显示|0xff6600:主体颜色|60:主体透明度|0xffcc00:光晕颜色|0xffffff:图标颜色|原创 2012-10-12 17:40:53 · 348 阅读 · 0 评论 -
纯CSS打造兼容各种浏览器的几何图形
生成各种形状 .shadow { padding:2px; margin:2px; } .shadow1 div { display:inline-block;原创 2012-05-01 17:46:16 · 223 阅读 · 0 评论 -
iframe透明问题
1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。2.在 iframe 内容源文档,background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent。具体步骤: 1. 包含框架页的代码。2.transparent.htm页的代码。特别说明本例主要是ifra原创 2012-04-13 17:07:48 · 331 阅读 · 0 评论 -
不应忽视的一些HTML优化技巧
随着Web2.0技术的不断发展,Web前端的优化受到越来越多的关注,特别是JavaScript和CSS优化的讨论一直是热点,工具也相对丰富,而对HTML优化则有所忽视,最近,来自百度泛用户体验团队的工程师Miller(chenminliang)撰文强调了HTML优化的重要性和相关技巧。Miller首先举例说明了HTML优化稍显忽略的事实:在Steve Souders的大作《Even Fas转载 2012-04-04 19:20:12 · 181 阅读 · 0 评论 -
部分HTML5 语义标签
HTML5 规范包括一系列新的语义元素,用于提供 Web 页面的各个区域或部分的意义,例如页眉、页脚、导航等等。在以前版本的 HTML 中,通常使用 元素来创建这些部分,使用 ID 或 类属性来区分它们。这样做的问题是这没有任何语义意义,因为没有定义严格的规则来指定要使用的类名称或 ID,使软件极其难以确定特定区域的操作。HTML5 应该可以帮助解决这些问题,使 Web 浏览器更容易分析文档的语转载 2012-04-04 19:22:14 · 138 阅读 · 0 评论 -
div section article 的区别
divHTML Spec: “The div element has no special meaning at all.”这个标签是我们见得最多、用得最多的一个标签。本身没有任何语义,用作布局以及样式化或脚本的钩子(hook)。sectionHTML Spec: “The section element represents a generic section of a docu转载 2012-04-04 19:43:39 · 169 阅读 · 0 评论 -
通过条件注释hack创建只对IE生效的样式<!--[if IE]>
对于从事web开发的人来说,如何解决IE与其他浏览器样式的一致性一直是一件头痛的事情,特别是IE还分出了好几个版本你,目前最新的是IE8,用的最多的还是那个早该淘汰的IE6,同一种写法的css在IE各个版本之间也会出现不同的结果...对于这种问题有人使用hack来解决,今天要说的就是通过条件注释来选择与浏览器相对的样式表,条件注释不只是对加载css起作用,对于加载javascript同样有效。转载 2012-04-05 10:22:54 · 353 阅读 · 0 评论 -
保持HTML代码整洁的原则
良好的HTML代码是一个漂亮网站的基础。当我教别人CSS的时候, 我总是首先告诉他们: 良好的CSS只存在于良好的HTML标记基础上。这就好像一间房子需要一个坚固的地基一样,对不? 整洁、语义化的HTML标记具有很多的优势,但却还是有很多网站使用着并不友好的标记写法。让我们来看一些写得并不友好的HTML标记, 并针对这些问题进行讨论,从而学习如何书写整洁规范的HTML标记。帕兰注: Chr转载 2012-04-04 19:19:17 · 264 阅读 · 0 评论 -
使用HTML 5的十大理由
第十大原因:易用性两个原因使得使用HTML5创建网站更加简单:语义上及其ARIA。新的HTML标签像,,,, 等等,使得阅读者更加容易去访问内容。在以前,即使你定义了class或者ID你的阅读者也没有办法去了解给出的一个div究竟是什么。使用新的语义学的定义标签,你可以更好的了解HTML文档,并且创建一个更好的使用体验。ARIA是一个W3C的标准主要用来对HTML文章中的元素指定“角色“,原创 2012-04-05 09:31:44 · 197 阅读 · 0 评论 -
html5本地存储localStorage实战
web本地存储方案总结本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。借用网上的一张图来看下目前主流的本地存储方案:Cookie在web中得到广泛应用,但局限性非常明显,容量太小,有些站点会因为出于安全的考原创 2012-04-05 13:52:05 · 373 阅读 · 0 评论 -
css中 Span 元素的 width 属性无效果原因及多种解决方案
先运行下程序看下: 123 输出:123可以看到 span会自动根据包含的内容来变化宽度这是因为:对于内联元素(可以是默认即为内联的比如 span 元素,也可以是 display: inline 的元素) width 和 height 只在 IE5.x 下和 IE6 或更新版本的 quirks 模式下触发 hasLayout 。而对于 IE6,如果浏览器运行于标准兼容模式下,内联元素会原创 2012-04-06 10:03:26 · 213 阅读 · 0 评论 -
25条div+CSS编程提醒及小技巧整理
1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。3、一个兼容性调整(IE和Mozilla)的笨办法: 初学可能会碰到这样一个情况:同样一个标签的原创 2012-04-06 09:57:24 · 207 阅读 · 0 评论 -
网页设计糟糕的10个原因
良好的网页设计是件很难实现的事情。一个好的网页设计,不仅吸引眼球,也是实用的、直观的、层级简单却足够复杂到保持用户的兴趣。字体、色彩、空白与内容间的完美平衡可以构成一个非常好看的设计,你的用户也会再次回来。而一个坏的网页设计,会把你的用户从你的网站上赶跑。 在设计一个网页时,有许多地方会让许多设计师误入歧途。在本文中,我们会讨论让你的网页设计很糟糕的10个原因以及如何解决它。 1原创 2012-04-12 09:08:42 · 177 阅读 · 0 评论 -
WEB开发中合理选择图片格式
1.JPEG?JPEG格式是一种大小与质量相平衡的压缩图片格式。通俗一点讲,就是:高的压缩比=低的图片质量=小的文件大小。反之,低的压缩比=高的图片质量=大的文件大小。由于JPEG文件无法保持100 %的原始图像的像素数据,所以它不被认为是一种无损图像格式。用途:由于这种极其敏感的平衡特性,JPEG非常适合被应用在那些允许轻微失真的像素色彩丰富的图片(照片)场合。反之,JPEG格式图片原创 2012-04-12 09:17:36 · 177 阅读 · 0 评论 -
PHP 文件上传
这里使用PHP的全局数组$_FILES来实现文件上传:$_FILES["file"]["name"] - 被上传文件的名称 $_FILES["file"]["type"] - 被上传文件的类型 $_FILES["file"]["size"] - 被上传文件的大小,以字节计 $_FILES["file"]["tmp_name"] - 存储在服转载 2019-01-18 16:00:53 · 156 阅读 · 0 评论