在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各...
文本的排版依据语言的不同会有一些格式上的要求，比如简体中文中类似逗号、分号等标点符号不会出现在一行的开头，对于英文来讲就是一个完整单词不会 在两行显示，浏览器会依据类似这样的原则来显示文本。但是由于网页有宽度限制的，连续的超长的字母、数字或标点符号超出其所在区域宽度的限制而导致影响页 面视觉，如例1所示。这个问题在显示用户输入信息时尤为突出，这里就是要说如何解决这个问题。 在CSS3草案中，对文本的处理新...
首先，我是一名网页设计师。如果详细一点说，我是一名XHTML前台设计师。所以，我恨IE6。我相信，对于所有和我具有同等职业或者更加优秀技术的设计师都和我一样，极其厌恶IE6。可是，国内市场80%以上的占有率让我们不得不面对IE6这个浏览器中的另类。 我的标题是，IE都推出8正式版了，为什么IE6还是死不了呢？那么我们终究要怎么去做呢？历史原因，还是技术问题，还是所谓的中国国情？ 首先，我还是准备骂骂这个该死的IE6！...
如果你正从你的用户那里收集信息, 没有比网页表单更简单和直接的办法了。 一份有良好设计的表单可以提供有价值的信息, 相反, 他们有可能把用户吓跑。 明确了这一点之后, 每个设计师就应该知道一些设计网页表单的规则。 文章中所有的实例都是用CoffeeCup Web Form Builder生成的.1. 保守性的搭建, 并带有目的性的设计表单我们要面对的现实是没有人喜欢花大把的时间填写表单. 保持表单的短小精悍 并且剔除绝对不必要的或者不会提供实...
WML(Wireless Markup Language - 无线标记语言)。它是一种从 HTML 继承而来的标记语言，但是 WML 基于 XML，因此它较 HTML 更严格。 WML 被用来创建可显示在 WAP 浏览器中的页面。用WML编写的页面被称为 DECKS。DECKS 是作为一套 CARDS 被构造的。 这种描述语言同我们常听说的HTML语言同出一家，都属于XML语言这一大家族。WML的语法跟XML一样，WML是XML的子集。 HTML语言写出的内容，我们可以在我们的PC机上用IE或是Ne...
网络是个不断发展变化的有机体，如何建设可以长久适应互联网发展的页面是很重要的，它可以是你的网站在互联网发展的激流中迅速跟进。 使用整洁的HTML标记，构建符合标准的页面可以帮助你做到这些，更重要的，它可以是你在未来的运营中节省大量的时间和金钱。 网页技术是跟随互联网技术的发展而进步的，HTML技术已经发展了很长时间，它的伴生技术也已发展稳定。 首先是Javascript，然后是CSS、XML，直到现在的AJAX，HTML5的大规模运...
下图是本站统计系统中访客详情中浏览器查看率，IE6占据百分之40多。虽然浏览器的种类很多，光一个IE就有IE5.5,IE6,IE7,IE8等多版本，在这众多的高版本中，IE6依然受大多数用户所喜欢，所以排版时候就不的不去考虑IE6的兼容问题，要不然会损失很多访问者。下面列举IE6中10个不得不注意的问题： 1. 使用 DOCTYPE你需要在HTML页面的最顶部加上DOCTYPE类型，当然， strict版是值得推荐的，例如："http://www.w3.org/TR/html4/strict.dt...
CSS布局建立符合WEB标准的页面，一直是jb51.net探讨的话题，今天说说声明文档类型描述（DTD）。 所有的文件需要用文档类型定义(DTD)开始，来告诉浏览器打开页面时应遵循什么规则。 当我们使用网页设计工具Dreamweaver 新建网页文档以后，你将会在新文档的首行看到DOCTYPE声明。 DOCTYPE是文档类型的简写，它定义当前文档的基本类型。即，所有的文件都需要用文档类型定义(DTD)。 其实DOCTYPE只是一组机器可读的规范，虽...
通常，在完成了一件网页设计后，设计师的无知都会显露无遗而备受指责。他们把创建网页代码的繁重工作都留给了程序员们。这种现象不只出现在网络开发行业，在软件及游戏开发业也是如此。残酷的事实就是：开发进度可能会因设计师而停滞不前。为了追求最佳效率，设计师不仅需要描描画画，还需要能把它做出来！本文中，我想与读者分享一些为什么设计师需要学习编写代码的理由。 做现实可行的设计 有了一个最终产品将如何实现的明确印象...
ReadOnly 属性的TextBox在客户端会展现成这样的标记： ＜input readonly = "readonly"＞ Enabled 属性的TextBox在客户端会展现成这样的标记： ＜input disabled="disabled"＞ Html服务器控件使用一个派生于HtmlControl基类(完整类名System.Web.UI.HtmlControls)得类,此类控件中只有Disabled属性. 按照W3C的规范：http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.12 设置为disabled的input将会有下面的限制： 能接受焦点...
这一篇，介绍一个Frameset做的简单到不能再简单的框架。好先来看看这个框架的页面构成，由于是纯手工做的测试程序，所以只是在Notepa++中做了一下代码，很粗略。但是还是包含了Frameset中的大致内容的。好，言归正传，首先看一下文件构成。 1.Frame.html包含框架的结构 2.link.html包含框架左侧菜单栏 3.firstPage.html包含框架主页面的一行文字（个人比较懒，没有好好做） 4.secondPage.html和上面3类似，用于测试。 下面是一个截...
所谓favicon，即Favorites Icon的缩写，中文名称是网站头像，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是 Favicon的全部，根据浏览器的不同，Favicon 显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除 此之外，...
1.避免将页面声明为XML类型，页面使用UTF-8或者UTF-16字符集。 2.在空元素标签（不能用来包含内容的标签）结束符>前加上斜杠 /，如：,等等。 3.当一个非空元素（此标签是用来包含内容的，如标题，段落）内容为空时，给它一个空白字符，而不要使用像空元素那样的结束方法，如：当一个没有内容的P标签请书写： 而不要写成。 4.当你的style和scripts内容中出现 <, &, ]]>或者两个连续的横杠 --时，请使用外部文件进行引入。 5.避免在元...
当讨论到Web标准时，一些事情总是被提及，那就是结构和表现分离的重要性。 刚开始的时候理解结构和表现的不同之处可能很困难，特别是如果你不习惯于思考文档的语义结构时。 然而，理解这点是很重要的，因为，当结构和表现分离后，用 CSS 文档来控制表现就是很容易的一件事了。 结构 是由文档中的主体部分，再加上语义化、结构化的标记。 表现 是你赋予内容的一种样式。在大多数情况下，表现就是文档看起来的样子，...