div+css 03 标准化html文档和正确使用html标签

2009-10-15  分类：DIV+CSS 标签:  作者:fanzg


这个视频对于刚进入html编写的朋友特别重要，因为这个有助你以后编写html文档

的习惯有很大的帮助，要知道如果不好的习惯形成了难以改掉，呵呵。

我们要学习html代码编写就应该从好的习惯开始，

那么你必须有一个好的意识，例如文档类型，html网页文件的语言，还有标签的正确使用，

一些标签的名字和属性应该用小写表示。

其实上面这些并不用一定要强制自己记住，只是在平时中注意 形成习惯就可以了。

那些东西并不复杂，下面我们来演示一下。

还记得前2次视频吧，没错我们之前就是这样新建一个html网页的。

可以正常浏览，但是目前很多浏览器，微软ie,firefox,还有其他浏览器可不一定浏览正常，

如果html标签多起来，所以就需要一个规范化的问题。

下面不多说，如何使我们文档标准化，

========================
首先要加入 文档类型， 没错那句话就是 说明了网页文件的文档类型。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

========================
接下来就是 设置文档的语言问题，也就是告诉浏览器应该用什么语言显示网页，

这也是往往有些朋友的网页为什么出现乱码的原因。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

放在 <head>和</head> 之间，我们修改下编码，看到没有，我们的中文字体变成

乱码了，由于我们改成UTF-8，所以浏览器就使用UTF-8显示。我们修改回原来的 gb2312 吧

好了，现在浏览器使用gb2312语言来显示网页了。

===================

加入这2个后，然后我们还要注意就是 标签的正确使用，

例如 <br> 虽然可以正常使用，不过我们正确使用是：<br />

这个/可以理解成关闭。还有 <img src="" /> 等等..

=================
还有就是标签的嵌套问题，例如 ul 和 li 的使用，要成对出现，也就是<li>使用后，

必须还要有</li> 结束，这个table 的使用也是一样

=======================
还有就是一些属性 使用小写字母，例如 <table>中的属性 border="1" width="400"

这些应该用小写，而且值用引号，例如400就用引号。

======================
一些标签要使用名字表示的，采用id来代替

例如 <img src="" name="pc"> 那么应该改为 <img src="" id="pc" />

好了 ，视频就到这里，其实还有一些细节要注意的，不过这些都是在以后编写中

慢慢养成好的习惯，不断完善。


“div+css 03 标准化html文档和正确使用html标签”没有评论

有任何疑问或建议，可以给作者留言：



公告：

  • 2010年5月之前的视频是文字解说演示，没有声音。
  • 2010年5月以后的视频全部带声音。

标签