分类目录归档:HTML教程

为什么我们不建议用Table布局

  1. Table要比其它html标记占更多的字节。
    (延迟下载时间,占用服务器更多的流量资源。)
  2. Tablle会阻挡浏览器渲染引擎的渲染顺序。
    (会延迟页面的生成速度,让用户等待更久的时间。)
  3. Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。
    (增加设计的复杂度,增加页面加载时间,增加HTTP会话数。)
  4. 在某些浏览器中Table里的文字的拷贝会出现问题。
    (这会让用户不悦。)
  5. Table会影响其内部的某些布局属性的生效(比如<td>里的元素的height:100%)
    (这会限制你页面设计的自由性。)
  6. 一旦学了CSS知识,你会发现使用table做页面布局会变得更麻烦。
    (先花时间学一些CSS知识,会省去你以后大量的时间。)
  7. table对对于页面布局来说,从语义上看是不正确的。
    (它描述的是表现,而不是内容。)
  8. table代码会让阅读者抓狂。
    (不但无法利用CSS,而且会你不知所云)
  9. table一旦设计完成就变成死的,很难通过CSS让它展现新的面貌。
    (你看过CSS Zen Garden吗?)

Tables的[......]

阅读全文>>

HTML a 标签,HTML超链接标签

本HTML教程将详细介绍HTML中的超链接标签<a>,<a>标签的作用是引导用户从一张页面链接到另一张页面,互联网说到底就是一张张网页通过超链接<a>互相关联起来的。

<a>标签如何使用

一般用法如下:

<a href="http://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脚本的浏览器忽略在注释标签里的代码,而不会在浏览器中显示这些代码文本。注意:注释行结尾处的两条斜杠 (//) 是[......]

阅读全文>>