随笔分类 -  html

【META http-equiv="Content-Type" Content="text/html; Charset=*】意义详解
摘要：【METAhttp-equiv="Content-Type"Content="text/html; Charset=*】意义详解META，网页Html语言里Head区重要标签之一HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP... 阅读全文
posted @ 2015-03-26 18:50 mabel_on_line 阅读(585) 评论(0) 推荐(0)
前端学习路线
摘要：前端学习路线转自http://www.douban.com/note/330647290/前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层，它的目的是表示一块内容以什么... 阅读全文
posted @ 2014-05-30 16:43 mabel_on_line 阅读(1156) 评论(0) 推荐(0)
手机端网页web开发要点
摘要：1.初始化 screen_capture_injected="true" - Google 搜索 //摘自腾讯手机端//摘自腾google手机端以上加粗部分一定要写以下为腾讯教育网页版的两个mate标签，涉及到description 和 keyword... 阅读全文
posted @ 2014-05-24 19:52 mabel_on_line 阅读(5831) 评论(0) 推荐(0)
条件注释判断浏览器<!--[if !IE]><!--[if IE]><!--[if lt IE 6]><!--[if gte IE 6]>
摘要：除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT ope... 阅读全文
posted @ 2014-05-21 18:36 mabel_on_line 阅读(187) 评论(0) 推荐(0)
img标签中alt属性与title属性
摘要：alt属性1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。2、alt属性值得长度必须少于100个英文字符3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""4、alt属性是... 阅读全文
posted @ 2014-05-19 11:38 mabel_on_line 阅读(1339) 评论(0) 推荐(0)
Yahoo网站性能优化的34条规则
摘要：摘自：http://blog.chinaunix.net/uid/20714478/cid-74195-list-1.htmlYahoo网站性能优化的34条规则1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来减少H 阅读全文
posted @ 2013-07-12 11:40 mabel_on_line 阅读(471) 评论(0) 推荐(0)
减低页面加载时间的方法
摘要：摘自： http://www.admin5.net/thread-5110744-1-1.html1. 重复的HTTP请求数量应尽量减少（1） 减少调用其他页面、文件的数量（2）将需要频繁加载的多个图片合成为1个单独的图片，加载时采用：background:url(....) no-repeat x-offset y-offset的形式加载，图片加载的HTTP请求缩减为1个。即，css sprite (http://baike.baidu.com/view/2173476.htm) 不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。利用CSS Sprites能很好地 阅读全文
posted @ 2013-07-12 11:30 mabel_on_line 阅读(7754) 评论(0) 推荐(1)
你真的了解html吗
摘要：http://hikejun.com/blog/2010/03/19/%E4%BD%A0%E7%9C%9F%E7%9A%84%E4%BA%86%E8%A7%A3html%E5%90%97/ 阅读全文
posted @ 2013-04-12 14:09 mabel_on_line 阅读(371) 评论(0) 推荐(0)
容易出错的几个点
摘要：1.<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML或 XHTML 规范。2.行内元素有 span a strong 块 div h1 ul行内元素特性 设置宽度width 无效。设置高度height无效，可以通过line-height来设置。设置margin只有左右margin有效，上下无效。设置padding只有左右padding有效，上下则无效。3.jsonP一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求， 阅读全文
posted @ 2013-04-02 09:07 mabel_on_line 阅读(210) 评论(0) 推荐(0)
ID与CLASS的使用技巧
摘要：http://www.doc88.com/p-138418866269.html 阅读全文
posted @ 2012-08-29 18:05 mabel_on_line 阅读(137) 评论(0) 推荐(0)
前端书籍 by 小精灵
摘要：第一批次:入门级,也适合想掌握一些前端技能的非前端工程师. <JavaScript Dom编程艺术> 第二批次:成为一名合格的前端工程师 <JavaScript高级程序设计>(或<JavaScript权威指南>) <精通JavaScript> 第三批次:更优秀的代码,更优良的设计 <JavaScript语言精粹> <JavaScript设计模式> 第四批次:从语言细节到复杂工程实践,想开发靠谱的各类底层代码,应该看看 <Secrets of the JavaScript Ninja> <JavaScrip 阅读全文
posted @ 2012-08-14 16:20 mabel_on_line 阅读(230) 评论(0) 推荐(0)
前端水好深
摘要：越来越感觉前端的水好深，感觉需要好多好多需要学习，需要学习好，需要精通。加油！ 阅读全文
posted @ 2012-06-07 14:16 mabel_on_line 阅读(174) 评论(0) 推荐(0)