![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
二子戴代
你在做什么
展开
-
HTML5欧亚冰火两重天
两月余前,关于FACEBOOK放弃HTML5而改用原生的事被炒的沸沸扬扬,一时间HTML5的处境下滑冰点,归其原因是“慢”。Webkit的解析过程先后需要经过解析、建立DOM树、获取对应资源、布局、建立渲染树、绘图到展示。这跟传统的商品流通路径非常相似:工厂、品牌公司、总代理、经销商、卖场、消费者。由于环节太多层层加价,产品到达消费者手里往往价格居高不下。而HTML5的代价同样是用户为使用产品而付转载 2013-08-19 13:58:22 · 722 阅读 · 0 评论 -
把flash放在网页中把背景去掉
设置:flash放在网页中 选中flash 加入代码原创 2014-01-02 14:39:03 · 335 阅读 · 0 评论 -
项目文字编码
content="text/html; charset=iso-8859-1"charset=字符集:utf-8,unicode(每个符号都用16bits存储), gbk,gb2312(这2个好像特别为了支持中文,似乎有一个支持繁体)charset=gb2312" / 和 iso-8859-1" />有什么不同 ? 汉原创 2013-11-26 14:58:25 · 400 阅读 · 0 评论 -
HR
.hr0{ height:1px;border:none;border-top:1px dashed #1E90FF;}.hr1{ height:1px;border:none;border-top:1px solid #000;}.hr2{ height:3px;border:none;border-top:3px double #6B8E23;}.hr3{ height:5px;b转载 2013-11-19 16:17:14 · 465 阅读 · 0 评论 -
XHTML和HTML区别
1. XHTML文件的开始要声明DTD. XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 2,XHTML 元素一定要被正确的嵌套使用。 在HTML里一些元素可以不正确嵌套也能正常显示,如: This text is bold and italic转载 2013-11-19 16:16:39 · 437 阅读 · 0 评论 -
WEB前端开发规范文档
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小转载 2013-10-19 22:46:24 · 297 阅读 · 0 评论 -
iframe自适应高度的解决方法
为什么是三谈为什么是三谈呢?一是因为这真的是一个被说烂的话题,二是因为太师傅在n年前就写过这篇再谈iframe自适应高度。之所以再提该问题,是因为之前项目中确实遇到了这个问题的方方面面,有必要总结一下。希望对各位有帮助,有错误请指正。同域、子页面高度不会动态增加这种情况最简单,直接通过脚本获取字页面实际高度,修改iframe元素高度即可。但有二点必须注意:如果页面内有绝对定位或者没转载 2013-10-18 23:59:39 · 369 阅读 · 0 评论 -
强制不使用“兼容性视图”的HTML代码
在IE8浏览器以后版本,都有一个“兼容性视图”,让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”,强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码。X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生。IE8或者IE9有很多种模式,比如,IE8有4种模式:IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式;转载 2013-10-18 23:51:34 · 398 阅读 · 0 评论 -
网页中用tab键控制input输入的顺序
如果碰到网页提交表单的时候,按TAB切换键顺序混乱的情况,可以在表单属性里加入参数 tabindex="1" 解决该问题,这个参数是索引用的。更改数字大小顺序,可以实现按 tab键 的时候,按顺序跳转到数字更大的输入框中。演示代码: tab切换顺序 8//tabindex代表的是tab键顺序。当ta转载 2013-10-18 23:52:52 · 656 阅读 · 0 评论 -
fiebug
https://getfirebug.com/ 比较实用的一个地址原创 2014-01-10 11:28:15 · 332 阅读 · 0 评论 -
一个全功能的HTML5编辑器Mercury Editor
Mercury Editor是一个全功能的HTML5编辑器,建立在HTML5内容编辑功能的顶部,它本身就支持所有HTML5元素的语法和JavaScript API。它支持完整的HTML,简单,片段和图像区域。它支持预览编辑内容和插入链接,图像,视频或表。文件上传可以拖放完成。 来源: http://www.gbtags.com/gb/share/1399.htm转载 2014-01-24 09:05:51 · 582 阅读 · 0 评论 -
input type="text">中的value为null或"",区别
一般情况下是通过输入框来输入参数的。如果什么也没有输入,后面获取的就是null值。但是这个时候有一个问题,做软件不能认为用户总会按照认为正确的方式如乖乖的从文本框输入。系统在发布的时候是不会知道用户是谁的,可能是一个什么也不知道的计算机文盲,也可能是黑客。如果是后者,就会利用任何可能潜在的BUG来攻击WEB。例如在URL里面传参。这个时候可能会说,如果定义成POST方式不就可以避免了吗?恩转载 2015-11-03 20:46:54 · 2452 阅读 · 0 评论 -
html5---nav标签
nav是新增的html标签,只要html中使用nav标签,这样的布局就变成使用html5布局的网页。但html5新增标签局限性,低版本的IE浏览器不支持。如果低版本浏览器浏览html5标签,对应布局将失效。设置的css样式也是无效的。所以要谨慎选择使用。一般传统网页通常不会使用html5新增标签布局,所以注意选择使用。智能手机浏览网页、平板电脑浏览的网页可以适当使用html5新增标签或原创 2014-12-15 15:25:24 · 1164 阅读 · 0 评论 -
TABLE的CSS应用(细线表格)
table {border-collapse:collapse;} table,td,th {border:1px solid red;} “自由”后的自学 知识重点:请注意表格内部的单元格合并 First second Third转载 2014-11-26 09:57:47 · 208 阅读 · 0 评论 -
CSS分别设置Input样式(按input类型)
当你看到这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对。也许你可能想不到,这个小小的input竟然可以创造出10个不同的东西,下面是个列表,看看,哪些是你没有想到的: 文本框 密码框 提交按钮 重置按钮 单选框 复选框 普通按钮 文件选择控件 隐藏框 图片按钮所以你可能会说,转载 2014-10-08 10:40:51 · 516 阅读 · 0 评论 -
Html form <input>表单标签type(text submit checkbox radio)控件元素
Html form input表单标签元素html form表单之input控件,input type包含input text输入框、input submit按钮、input checkbox多选复选框、input radio单选框基础介绍与案例演示,让大家掌握html form input各type控件元素。input目录Form input标签语法与结构input标签使用i转载 2014-10-08 10:41:39 · 867 阅读 · 0 评论 -
dreamweaver代码提示快捷键修改
编辑->快捷键->编辑->显示代码提示->修改快捷键。原创 2014-03-29 15:14:40 · 506 阅读 · 0 评论 -
盘点:崛起中的九大HTML5开发工具
HTML5被看做是Web开发者创建流行Web应用的利器,增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现这些插件的功能提供了一种标准化的方式。 虽然HTML5标准尚未开发完成,但是随着开发者对HTML5的兴趣日渐浓厚,开发工具提供商也开始跟进。以下介绍的9款应用工具已经转载 2014-03-06 15:12:29 · 332 阅读 · 0 评论 -
html5的站点 挺好
HTML5中国:中国最大的HTML5中文门户 http://www.html5cn.org/原创 2014-03-06 15:11:43 · 362 阅读 · 0 评论 -
Input的size与maxlength属性的区别
input表单标签 type="text"文本框 在项目里的设置 需要注意的问题:maxlength="6",则input输入框中只能够输入6个字符 ,size="6",表示input输入框只显示6个可见的字符,但你可以输入'无数'多字符内容 ,即:size属性规定输入字段的宽度, 由于 size 属性是一个可视化的设计属性,我们应使用 CSS 中的width来代替它。原创 2013-10-24 14:08:21 · 406 阅读 · 0 评论 -
html让局部强制出现滚动条不破坏整体的样式和布局
<div style=" OVERFLOW-X: scroll; scrollbar-face-color:#B3DDF7;scrollbar-shadow-color:#B3DDF7;scrollbar-highlight-color:#B3DDF7;scrollbar-3dlight-color:#EBEBE4;scrollbar-darkshadow-color:#EBEBE4;scroll原创 2013-10-24 14:02:13 · 948 阅读 · 0 评论 -
36个重要的HTML标签
每一个HTML标签都有其用法,但我们在写HTML代码时,却常常舍近求远,忽略了很多非常重要且特别有用的标签。既然HTML中定义了这么多标签,而且每种标签都有其用法,我们为什么不尽量去使用这些标签呢。下面收集并整理了36个常被我们遗忘却非常有用的HTML标签。1. :注释2. :文档类型声明文档类型,会使浏览器使用相应的方式加载网页并显示,忽略DTDs,将使网页进入一种混乱模式转载 2013-09-26 10:08:19 · 405 阅读 · 0 评论 -
请注意页面head区域的编码是不是规范
我们这里所说的head区域,是指页页html代码的和之间的内容。在52css.com的文章中,主要介绍了大量的css知识,而对html页面的知识介绍并不是很多。 今天我们简单的介绍一下head区域主要放置了内容。这里就不强调css和javascript了,这两者是大家所熟知的。head区一般必须加入的标识有: 公司版权注释 网页显示字符集简体中转载 2013-09-24 13:24:10 · 544 阅读 · 0 评论 -
如何设置透明FLASH
HTML代码设置:原创 2013-09-22 12:59:10 · 336 阅读 · 0 评论 -
Diagramo:HTML5 的流程图设计工具
Diagramo 是一个用纯 HTML5 的 Canvas 实现的流程图软件,无需 Flash、Java 和插件支持,可导出图表到 SVG、GIF 和 JPEG 格式。原创 2013-10-01 18:00:00 · 532 阅读 · 0 评论 -
流程图绘制软件 Dia
Dia是开放源码的流程图软件,是GNU计划的一部分,程式创立者 是Alexander Larsson。Dia使用single document interface (CSDI)模式,类似于GIMP。Dia将多种需求以模组化来设计,如流程图、网络图、电路图等。各模组之间的符号仍是可以通用的,并没有限制。Dia可以画多种示意图,并且借由XML可以新增多种图形。Dia使用XML格式(默认以gzip压原创 2013-10-01 18:02:02 · 682 阅读 · 0 评论 -
IE6 IE7: div中table宽度100%导致的宽度问题
问题现象:定义了DOCTYPE的页面当表格的内容比div的高度还要高时,div会出现滚动条,同时在IE6和IE7下会出现问题:IE6:此时table的100%宽度还是没有滚动条那是的宽度,出现滚动条后,div的可视宽度减少,导致横向滚动条也出现了,而且横向能滚动的长度正好是滚动条的宽度。IE7:竖滚动条此时则很操蛋的消失了.....IE8:下一切正常。解决方法:内嵌套一个分区元原创 2013-09-30 10:54:22 · 1035 阅读 · 0 评论 -
给不同版本浏览器单独设置样式
在页面制作的时候,有时需给某些页面添加不同seo/' target='_blank'>浏览器设置兼容样式,方法如下:除IE外都可识别 所有的IE可识别 只有IE5.0可以识别 仅IE5.0与IE5.5可以识别 IE5.0以及IE5.0以上版本都可以识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识原创 2013-09-30 10:52:57 · 478 阅读 · 0 评论 -
Facebook效应初显,开发者对HTML5兴趣明显减弱
【搜狐IT消息】前不久,Facebook创始人扎克伯格称,Facebook过去2年最大的失误是押注于HTML 5,浪费了长达2年的研发投入和精力,公司目前将聚焦移动、推出原生Android应用,在开发Android应用的过程中,公司将放弃HTML 5。 不知是否是受Facebook放弃HTML5的影响,Appcelerator的针对三季度的一份调查报告也显示,开发者对HTML5的兴趣开始明显转载 2013-08-19 14:00:35 · 407 阅读 · 0 评论 -
html判断IE版本
01 html判断IE版本02 1. 除IE外都可识别 03 2. 所有的IE可识别 04 3. 只有IE5.0可以识别 05 4. 仅IE5.0与IE5.5可以识别 06 5. IE5.0以及IE5.0以上版本都可以识别 07 6. 仅IE6可识别 08 7. IE6以及IE6以下版本可识别 09转载 2013-09-26 01:08:03 · 281 阅读 · 0 评论 -
sub标记和sup标记
标签可定义下标文本。 可定义上标文本。都属于行内元素,默认比当前字体稍小。例如:x1+y23=15需注意:css字体设置为font-family:Tahoma最好。原创 2013-09-26 09:58:39 · 597 阅读 · 0 评论 -
html中隐藏域hidden的作用
html中隐藏域hidden:隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。语法:作用:1、 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。2 、有些时候我们要给用户一转载 2013-10-24 14:13:53 · 454 阅读 · 0 评论 -
html页面实现过两秒跳转至其他页面的方法
meta 标签 属性设置:http-equiv="refresh" content="2; URL="例如:原创 2013-10-24 13:53:26 · 368 阅读 · 0 评论 -
css注释和html注释
css注释用法CSS注释是以“/*”斜杠一个星号开始,以“*/”星号斜杠结束,注解说明内容放到“/*”“*/”中间。注意说明:注解“/*”和“*/”必须以半角英文小写,并且“*”符号不要和注释内容紧挨在一起,至少需要一个空格位置空着。html注释用法在html中使用注释,可以为以后维护提供参考思路。如同在书本上加上批注一样作用。在html中,小于符号“”,注意这些字符都原创 2013-10-13 23:38:36 · 803 阅读 · 0 评论 -
工作中非常常用html转义符号
尖括号:& l t ;是& g t ;是>html代码里面就是这样显示的,比如网页里""在html里面就是"& l t ;平凡世界& g t ;"原创 2013-09-27 10:44:55 · 410 阅读 · 0 评论 -
table tread tbody
对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注。标签使用其本身所代表的含义。这就是他们的作用。TBody与THead和TFoot在表格中形成三个“块”,THead指明表格的Head部分,TFoot指明表格的原创 2013-09-27 10:20:08 · 522 阅读 · 0 评论 -
IE6 Li标签左边多出16像素(px)宽度的BUG
偶然发现,IE6的Li标签左边会多出16px的宽度,即使把list-style-type设置成none。而在Firefox中却是正常的(IE其它版本没测试,不过应该是和Firefox一样的)。经验证,其实是IE6的list-style-position属性造成的,默认情况下,Firefox中list-style-position值为outside,即列表项符号会在LI标签的外面显示。而IE转载 2013-09-26 01:17:48 · 610 阅读 · 0 评论 -
Firefox高版本中alert样式问题
1、没有标题栏。2、如果两个alert连续的话,中间还有一个“阻止此页面创建其他对话框”。3、各个tab页中,对话框不影响。4、如果alert()没有参数的话,firefox会忽略掉。在网上查了一下:1)以前版本中,使用带标题的提示框,是为了告诉用户alert对话框是由哪个页面产生的现在firefox4以上直接把产生的对话框显示在对应的tab页以内,转载 2013-09-26 01:10:46 · 393 阅读 · 0 评论 -
判断-浏览器
if(window.navigator.userAgent.search('Chrome')==-1) {提醒} 如果不是chrome就弹出提醒转载 2013-09-26 01:10:45 · 295 阅读 · 0 评论 -
360拦截 火狐为默认浏览器 怎么改
页面默认是360打开,如果做程序的时候 想用火狐作为调试,怎么把火狐改为默认浏览器?打开原创 2015-10-26 13:49:53 · 781 阅读 · 0 评论