html标签大全,HTML元素（标签）大全及使用介绍
点评：HTML元素(标签)大全及使用说明a:表示超链接的起始或目的位置。acronym:表示取首字母的缩写词。address:表示特定信息，如地址、签名、作者、文档信息。applet:在页面上放置可执行内容。area:定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。b:指定文本应以粗体显示。base:指定一个显式 URL 用于解析对于外部源的链接和引用，如图像和样式表。base... [阅读全文]
html分割线,HTML 几种特别分割线特效
点评：HTML分割线特效，挺实用与漂亮的分隔线，需要的朋友可以参考下。一、基本线条二、特效（效果并不是孤立的，可相互组合）1、两头渐变透明：HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3 2、纺锤形：HR style="FILTER: alpha(opaci... [阅读全文]
让iframe透明的参数
点评： 有时候需要让iframe继承父页面的颜色。不需要复杂的操作，简单的几个参数设置下即可。iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scro... [阅读全文]
标签嵌套,XHTML标签的嵌套规则分析
点评：XHTML 的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套—— XHTML 必竟不是 XML。在 XHTML 的语言里，我们都知道：ul 标签包含着 li、dl 标签包含着 dt 和 dd—... [阅读全文]
label属性,用图片作为label,for属性IE下不起作用
点评：IE浏览器存在一个BUG，当你使用label的for属性达到点击label使对应的表单元素聚焦，label中的内容为图片时，IE浏览器下不起作用。例如： 复制代码代码如下:... [阅读全文]
html标签详解,HTML文档类型详解 推荐
点评：昨天给添加了在线测试效果！打开后发现JS弹出框位置和效果不对！但是我在我本地测试是没问题的！仔细检查后发现原来是由于博客园的HTML文档类型和我的不一样。我的是：!DOCTYPE html博客园：!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"关于HTML文档类型参考：http://i.wanz.im/2010/05/... [阅读全文]
doctype,为什么使用DOCTYPE HTML
点评：不管是刚接触前端，还是你已经精通web前端开发的内容，你应该知道在你写html的时候需要定义文档类型你知道如果没有它，浏览器在渲染页面的时候会使用怪异模式；你知道各个浏览器在怪异模式下对各个元素渲染是有差异的。所以你会写像这样的doctype： 复制代码代码如下:... [阅读全文]
冬季常见病的预防,网页前端常见的攻击方式和预防攻击的方法
点评：探讨网站前端开发的安全问题.网站前端开发碰到的安全容易被人们忽视，因为大多人认为这些在客户端浏览器运行的代码不会造成服务器端的安全隐患，通过本文将简单阐述网站前端中经常碰到的安全问题，以及一些应对策略随着前端技术的发展,安全问题已经从服务器悄然来到了每一个用户的的面前，盗取用户数据, 制造恶意的可以自我复制的蠕虫代码,让病毒在用户间传播,使服务器当掉. 更有甚者可能会在用户不知觉得情况下,让... [阅读全文]
chrome脚本,Chrome最新4.0版本支持GreaseMonkey脚本
点评：一个非常好的消息是，现在Chrome 最新的4.0版本已经支持GreaseMonkey脚本了，当然 chrome 5.0 dev版本也支持它GreaseMokey(国人称之为油猴脚本)之前只是Firefox的一个插件，可以用来添加一些简单而有用的小插件，从而扩展你的浏览器的功能和体验。它一般用HTML+JavaScript编写，具有小巧、灵活等特点。一个非常好的消息是，现在Chrome 最新... [阅读全文]
doctype,被忽视的DOCTYPE说明分析
点评：自己在做web开发的时候，往往着重于界面设计及数据逻辑上的处理，而对一些细节不是特别注意。doctype就是其中一个: !DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" 1. doctype是什么 doctype标签 用来指定document的d... [阅读全文]
doctype的markup validation
点评：之前谈过doctype的问题，被忽视的DOCTYPE，最末说了提倡使用，最简洁明了且是标准模式。但是最近发现使用这种方式会产生问题，见代码： 复制代码代码如下:... [阅读全文]
社会方方面面,了解HTTP Headers的方方面面 图文说明
点评：无论是做前端还是做后端，都会不时与HTTP Headers打交道，了解它无疑对Web开发有莫大帮助。这篇文章就让我一起来学习下http headers的方方面。什么是HTTP HeadersHTTP是“Hypertext Transfer Protocol”的所写，整个万维网都在使用这种协议，几乎你在浏览器里看到的大部分内容都是通过http协议来传输的，比如这篇文章。... [阅读全文]
时分复用,HTML的复用技巧
点评：在面向对象软件开发的时候，我们经常提到“复用”，很好地复用代码不仅可以大大提高开发效率，同时使得代码更易于维护。HTML的复用是一个很少被提及的词汇，今天就这个问题小结如下： 在老版本的浏览器中HTML文档是不支持嵌套的，而我们要能够复用HTML代码通常的做法主要有基于服务器端和客户端实现的2大类方法： 1.服务器端实现 a.使用SSI,既通常的shtml文件。 b.asp、php等... [阅读全文]
有思考就有发现,关于iframe的一点发现与思考
点评：用了很久的iframe，一直觉得很好用。一般情况头部，底部包括部分侧边栏都会放到iframe里面。用了那么多，今天才发现对他了解的那么少。这还得从今天一个意外的发现说起。公司有几个网站。互相之间都有链接放到友链里。刚换了个链接要检查一下，用站长工具一检测居然发现没有自己的！原来，我把友链放到footer.hmtl里了。然后通过iframe嵌入到首页。这样检测到的就不是首页链接了，而是foot... [阅读全文]
iframe 的刷新方式 这样方式更方便
点评：千万不要两种方式同时使用，如果同时使用，将会提交两次。 iframe的刷新方式 1. 刷新方式可以使用 javascript 的 document.fr.location.reload() 2. 还有就是修改 document.fr.location.href 也可以实现刷新的功能 例如: 复制代码代码如下:... [阅读全文]
所见所得编辑器,TinyEditor 简洁且易用的html所见即所得编辑器
点评：前几日曾给大家介绍过一款国产的xhtml编辑器，今天要给大家推荐的TinyEditor，是国外知名Web设计博客leigeber.com刚发布的一款简洁且易用的html所见即所得编辑器。前几日曾给大家介绍过一款国产的xhtml编辑器，今天要给大家推荐的TinyEditor，是国外知名Web设计博客http://sandbox.leigeber.com/tinyeditor/下载：TinyEd... [阅读全文]
龙之谷元素bug,折叠的table行元素bug
点评：本文其实是想说layout的,可是这个问题的确是ie的bug,不是layout问题,下次等我再遇到layout问题再说layout吧.顺便说一下,这真是一个奇怪的bug. 来一个例子:代码很简单,如下: 复制代码代码如下:... [阅读全文]
href空链接,html 空链接 href= # 与href= javascript:void（0） 的区别
点评：注意是跳动到了页首的区别，最好用void(0) 用户体验好点。#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 你可使用如下例子来测试一下： 代码
!DOCTYPE ht... [阅读全文]
html锚点,html中锚点的应用
点评：很少用到锚点的知识，但今天又看到了，就要记录下来，它同样也有着如asp传值一样的功效，虽然不是那么强打设置锚点 a name="top"/a 同页跳转 a href="#top"返回顶部/a 不同页跳转 a href="test.htm#top跳转到test.htm页面顶部/a 顺便的提一下mailto，以前丝毫没有了解过mailto还有邮件主题“subject”添加... [阅读全文]
html标签大全,HTML 标签解释大全
点评：HTML标签解释大全，大家可以了解下，知道有这个东西，方面以后使用。HTML标签解释大全一、HTML标记标签：!DOCTYPE说明：指定了 HTML 文档遵循的文档类型定义(DTD)。标签：a说明：标明超链接的起始或目的位置。标签：acronym说明：标明缩写词。标签：address说明：特定信息，如地址、签名、作者、此文档的原创者。标签：applet说明：在页面上放置可执行内容。标签：ar... [阅读全文]
特殊字符,Xhtml 特殊字符收集
点评：Xhtml特殊字符 nbsp ＆#160; no-break space = non-breaking space, iexcl ¡ ＆#161; ... [阅读全文]
隐藏表格边框,表格边框/单元格之间分隔线的隐藏实现方法
点评：表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。只显示上边框 table frame=above 只显示下边框 table frame=below 只显示左、右边框 table frame=vsides 只显示上、下边框 table frame=hsides 只显示左边框 table frame=lhs 只显示右边框 table frame=... [阅读全文]
网页自动刷新代码,网页页面 自动刷新的3种代码
点评：当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1.页面自动刷新：把如下代码加入head区域中 meta http-equiv="refresh" content="20",其中20指每隔20秒刷新一次页面. 2.页面自动跳转：把如下代... [阅读全文]
css溢出隐藏,网页制作 TD也可以溢出隐藏显示
点评：回头来看看Table：TD也玩overflow:hidden.或许我这篇文章一取这样的名字，就会有人要问了：你怎么还在关注table啊，那早就过时了…赶紧Xhtml…div好…ul好…ol好…dl好…完了，不知道还有什么好了。 table真的过时了么？你真的了解table么？你真的会用table么？ ... [阅读全文]
tabindex,网页设计 TabIndex元素
点评：TabIndex就是按Tab键有顺序的获取定义过的TabIndex元素设置在各个元素之间的焦点。TabIndex就是按Tab键有顺序的获取定义过的TabIndex元素设置在各个元素之间的焦点。 做过表单或者填写过表单的人都会发现，使用Tab键可以逐一获得每个input的焦点。这个东东其实也是可以修改的，比如不想被获取，或者改变被获取的顺序。 在填写表单的时候（注册登录或其它），有很多... [阅读全文]
ins标签,ins标签和del标签的属性和用法
点评：ins和del两个元素在HTML中，既可以作为块级(block-level)元素，也可作为内联(inline)元素，但是不可以同时作为 这个两个元素。ins和del是在HTML4.0时引入的，可以帮助创作者开发文档时相互合作，并且也保持了一些编辑（比如可以反应创作者是一段时间内是修改文档的、如何思考的）和版本控制的成分（在软件的帮助下，可以让文档恢复到某一特定时间下的状态）。 ins和del... [阅读全文]
optgroup,HTML非常用标签 optgroup、sub、sup和bdo示例代码
点评：HTML标签之optgroup、sub、sup和bdo的用法与示例代码，需要的朋友可以参考下。optgroup 用在select 标记中 可以使下拉列表内容更加有条理 复制代码代码如下:... [阅读全文]
target属性,html超级链接标记A的TARGET属性详解
点评：超级链接标记A的TARGET属性详解.超级链接a标记代表一个链接点，是英文anchor（锚点）的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像，这已是众所周知了，但关于它的语法结构可能有点鲜为人知，而要用活它则必须了解其语法结构。a标记的基本语法结构是： a class=type id＝value href＝reference name＝value rel=same|ne... [阅读全文]
语义标记,语义化的网页 XHTML语义化标记
点评：分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用div来代替p标记标题。首先是关于语义（Semantics）和默认样式的区别，默... [阅读全文]
鼠标形状,各种MOUSE鼠标形状的表示方法
点评：一下是鼠标的各种样式测试代码，大家可以看下，选择需要的鼠标样式。不过不建议乱用，要符合大家的习惯。
a href="http://" style="cursor: auto;"auto/abr/
02 a href="http://" style="cursor: crosshair "crosshair /abr/
03 a href="http://" style="curs... [阅读全文]
