分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用来代替标记标题。首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute...
tbody 元素应该与 thead 和 tfoot 元素结合起来使用。 表格的分组显示(Structured Table) （IExplore Only） 一、按行分组 ... - 表的题头(Header) ... - 表的正文(Body) ... - 表的脚注(Footer) 例： FoodDrinkSweet ABC DEF 二、按列分组 #=left, right, center 例： FoodDrinkSweet ABC DEF 三、列的属性控制 #=从左数起，具有指定属性的列的列数 #=left, right, center 例： FoodDrinkSweet ...
事实上很多人会说”我看到永远不应该使用表格”的说法，但是这绝对是错误的！这个建议只是针对使用HTML表格来定义网页的布局，但是表格在方便的排列数据信息行和列方面非常完美，而且如果你一定要在一个页面上显示表列数据，你就不得不使用它们！为什么不呢？然而，在这种情况下，一些人无视了用于table的某些HTML标签的存在并且不知道该如何正确的使用它们。HTML有10个表格相关标签。下面是一个带有简介的列表，但是首先...
这是w3c组织给出html4的样式建议，可惜浏览器们都加上自己的私有属性，让标准成了浮云。不过对于我们仍然是很有参考意义的。Appendix D. Default style sheet for HTML 4This appendix is informative, not normative.This style sheet describes the typical formatting of all HTML 4 ([HTML4]) elements based on extensive research into current UA practice. Developers are encouraged to use it as a default style sheet ...
超级链接标记代表一个链接点，是英文anchor（锚点）的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像，这已是众所周知了，但关于它的语法结构可能有点鲜为人知，而要用活它则必须了解其语法结构。标记的基本语法结构是： class=type id＝value href＝reference name＝value rel=same|next|parent|previous rev＝value target＝window style＝value title=title onclick＝function onmouseout＝function onMo...
什么是HTTP Headers HTTP是“Hypertext Transfer Protocol”的所写，整个万维网都在使用这种协议，几乎你在浏览器里看到的大部分内容都是通过http协议来传输的，比如这篇文章。 HTTP Headers是HTTP请求和相应的核心，它承载了关于客户端浏览器，请求页面，服务器等相关的信息。示例 当你在浏览器地址栏里键入一个url，你的浏览器将会类似如下的http请求：GET /tutorials/other/top-20-mysql-best-practices/ HTTP/1.1Host: net.tut...
optgroup 用在select 标记中 可以使下拉列表内容更加有条理 代码如下:分清是非分清是非分清是非分清是非分清是非分清是非sub 上标 sup 下标 可与一起用于注释 dbo dir 标记一起使用，可以改变文字的输出方向，右->左 4个不常用HTML标签optgroup、sub、sup和bdo。fieldset{width:300px;padding:5px 5px; margin:30px auto; display:block; line-height:125%; font-size:15px;} legend{margin-left:15px; font-size:18px; color:red...
在讨论IE6的BUG及如何修复之前，有必要讲叙一些策略去避免这些恼人的问题——正所谓防患于未然 。原文：Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs翻译：http://www.gxlcms.com/(译文对原文进行了补充)在讨论IE6的BUG及如何修复之前，有必要讲叙一些策略去避免这些恼人的问题——正所谓防患于未然 。IE6 市场占有率据Market Share统计，目前（2009年8月）IE6 的市场占有率为25.25%，但是其他地方的统计明显...
其中,n表示的就是下面的数，n取不同的值，对应有不同的效果： 0、Box in 1、Box out 2、Circle in 3、Circle out 4、Wipe up 5、Wipe down 6、Wipe right 7、Wipe left 8、Vertical blinds 9、Horizontal blinds 10、Checkerboard across 11、Checkerboard down 12、Random dissolve 13、Split vertical in 14、Split vertical out 15、Split horizontal in 16、Split horizontal out 17、Strips left down 18、Strips left up 29、...
只显示上边框 只显示下边框 只显示左、右边框 只显示上、下边框 只显示左边框 只显示右边框 不显示任何边框 表格单元格分隔线的显示与隐藏的诀窍在于rules，标签中有rules。 它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules=rows时，则 隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。 去除纵向分隔线 ...
我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求.罪行1:把块级元素放入了内联元素内HTML 元素的表现方式不外乎就两种:块级和内联.每一个标签都有默认的表现方式不是块级就是内联.像div和p 就是块级元素,他们用来形成文档结构.内联元素只能在块级元素内.罪行2: img 标签没有包...
ins和del是在HTML4.0时引入的，可以帮助创作者开发文档时相互合作，并且也保持了一些编辑（比如可以反应创作者是一段时间内是修改文档的、如何思考的）和版本控制的成分（在软件的帮助下，可以让文档恢复到某一特定时间下的状态）。ins和del属性cite：属性值是一个文档或者信息资源的URI，这个属性是要指出为什么改变这个文档的解释信息datetime：属性值明确详细的说明修改发生的日期和时间 W3C关于del和ins的解释： INS and DEL a...
但是最近发现使用这种方式会产生问题，见代码： 代码如下:test pagea这段代码假如用w3c markup validation检测，发现是能通过验证的，因为html5验证还处于实验阶段，所以并未检测出不合法的地方。 但是假如使用，你就会发现未验证通过。 原因是p这个标签比较特殊，是不能包含block标签的。看来过早的使用一些实验性特性也会带来问题，安全起见，还是提倡使用。
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD，如： 标准HTML标签的正确使用 尽量使用div+css布局,不用table做布局。 使用table做布局容易造成代码冗余，相对编写来说，代码繁多。并且，table需要将元素都下载后进行显示，相应的网页打开速度也较慢。 应该使用标准化的页面...
10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别。 标记。必须在标记的框架顺序为从左至右或从上到下。 两者的差别如下：● 所包含的内容是一个独立的个体，是可以独立显示的。另外，应用Iframe还可以在同一个页面中多次显示同一内容，而不必重复这段内容的代码。 如图10.21所示的页面就是应用Iframe在页面上下各创建了分页的链接，上下的代码是一样的，只需在网页中嵌入同一个文件即可，不需要重复代码的编写，本...