- Table要比其它html标记占更多的字节。
(延迟下载时间,占用服务器更多的流量资源。) - Tablle会阻挡浏览器渲染引擎的渲染顺序。
(会延迟页面的生成速度,让用户等待更久的时间。) - Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。
(增加设计的复杂度,增加页面加载时间,增加HTTP会话数。) - 在某些浏览器中Table里的文字的拷贝会出现问题。
(这会让用户不悦。) - Table会影响其内部的某些布局属性的生效(比如
<td>里的
元素的height:100%
)
(这会限制你页面设计的自由性。) - 一旦学了CSS知识,你会发现使用table做页面布局会变得更麻烦。
(先花时间学一些CSS知识,会省去你以后大量的时间。) - table对对于页面布局来说,从语义上看是不正确的。
(它描述的是表现,而不是内容。) - table代码会让阅读者抓狂。
(不但无法利用CSS,而且会你不知所云) - table一旦设计完成就变成死的,很难通过CSS让它展现新的面貌。
(你看过CSS Zen Garden吗?)
分类目录归档:HTML教程
HTML a 标签,HTML超链接标签
本HTML教程将详细介绍HTML中的超链接标签<a>,<a>标签的作用是引导用户从一张页面链接到另一张页面,互联网说到底就是一张张网页通过超链接<a>互相关联起来的。
<a>标签如何使用
一般用法如下:
<a href="https://www.html5tricks.com" target="_blank">html5tricks</a>
这里的href是<a>标签的一个非常重要的属性,它标识着需要连接的页面地址。
HTML 4.01 与 HTML5 之间的差异
在 HTML 4.01 中,<a> 标签可以是超链接或锚。在 HTML5 中,<a> 标签始终是超链接,但是如果未设置 href 属性,则只是超链接的占位符。
HTML5 提供了一些新属性,同时不再支持一些 HTML 4.01 属性。
<a>标签属性
属性
值
描述
charset
char_encoding
HTML5 中不支持。规定被链接文档的字符[......]
HTML !DOCTYPE 标签 声明HTML版本
本文主要来详细讨论一下HTML中关于<!DOCTYPE>标签的定义和用法。
准确的说,<!DOCTYPE>并不是HTML标签,它声明web浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
HTML 4.01 与 HTML5 之间的差异
在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种:
<!DOCTYPE html>
HTML 元素和文档类型(Doctype)
提示和注释
注释:<!DOCTYPE> 声明没有结束标签。
提示:<!DOCTYPE> 声明对大小写不敏感。[......]
HTML注释标签
本文带大家来学习一下HTML注释的使用,相对其他编程语言,HTML的注释比较复杂一点,HTML注释标签是<!–…–>,凡是在这个注释标签里的内容都不会被浏览器显示内容,比如下面的HTML代码:
<!--这是一段HTML注释。它将会在浏览器中隐藏。-->
<p>这是一段普通的文字,它将在浏览器上正常显示。</p>
上面的代码可以看到,第一行文字在注释范围内,将不会显示在浏览器上,第二行将正常显示。
另外,HTML注释标签<!–…–>还可以用在Javascript中,看以下Javascript代码:
<script type="text/javascript"> <!-- function alertErr() { alert("这是一个Error!") } //--> </script>
这里注释的作用是让不支持Javascript脚本的浏览器忽略在注释标签里的代码,而不会在浏览器中显示这些代码文本。注意:注释行结尾处的两条斜杠 (//) 是[......]