您的位置：首页 > Web前端 > CSS

写给自己看的HTML、CSS、XHTML指南 四

2010-05-13 19:15 316 查看
前面已经介绍了编写HTML时需要注意的一些基本事项，现在来学习一点新东西吧！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN"> 　
<html>
<head>

<title>这是我们的第二个网页</title>

</head>

<body>

<h1>这是一个一级标题</h1>

<p>一级标题常用来描述书本上的主标题，一个页面（书）应只出现一个一级标题</p>

<h2>这是一个二级标题</h2>

<p>二级标题常用来描述书本上的副标题，一个页面（书）可出现多个二级标题</p>

<h3>这是一个三级标题</h3>

<p>三级标题常用来描述书本上的副标题的小标题，一个页面（书）可出现多个三级标题</p>
</body>

</html>

看不懂这段代码？那就试着自己录入到记事本中，然后运行吧，若忘记步骤，请参考第二章！

运行后，即可看到实际效果。

下面，我们来详细介绍一下，<h1>、<h2>、<h3>元素。

大家手边有书吧？随便找一本，翻开至第一章，可以看到，每个章节都有一个名称，<h1>元素所表达的就是这个意思。

接着往下看，一个章节又分为多个小章节，每个小章节的名称用<h2>表示。

继续往下看，一个小章节里又包含多个更小的章节，这样如何表达呢？用<h3>表示。

HTML中共存在6个标题元素，分别是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。

他们之间的关系如刚才的例子所示，大家可以多去试验试验，熟能生巧，用的多了自然能理解什么时候使用什么标题元素。

<p>元素如前面所描述的那样，代表一个段落，大家都知道，书里面有章节，章节里面包含内容，内容就用<p>元素来表达。

有人可能需要提及到，为什么代码中有那么多的空格和缩进？但我们在浏览器中却看不到，那么我们为何还需要它们？？

这个问题问的真好，浏览器在解析网页时，会忽略源文件中存在的制表符、缩进以及多数的空格（若在文本内容中使用多个空格，则浏览器只会显示一个；若你需要在文本中分行或分段，必须通过使用标记的方式表达）；那么，我们到底为何需要它们？答案只有一个：为了方便开发人员快速的浏览和定位元素，如果不使用空白、缩进、制表符，那么代码的样子像会如下所示：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN"><html><head><title>这是我们的第二个网页</title></head><body><h1>这是一个一级标题</h1><p>一级标题常用来描述书本上的主标题，一个页面（书）应只出现一个一级标题</p><h2>这是一个二级标题</h2><p>二级标题常用来描述书本上的副标题，一个页面（书）可出现多个二级标题</p><h3>这是一个三级标题</h3><p>三级标题常用来描述书本上的副标题的小标题，一个页面（书）可出现多个三级标题</p></body></html>

较之先前使用的第一种方法，你是不是很难分清，一个标记在哪里开始，又在哪里结束呢？

因此，为了方便自己后期编辑、也方便团队其它开发人员，建议按照第一种格式编写文档。

事实上，在将我们编写好的网页发送到服务器上，提供给人们浏览时，我们将使用某些辅助工具将第一种方式压缩至第二种方式，并保留第一种方式的文档，以备后用；

为什么？

因为，第一种方式中出现了太多的空格、缩进、制表符了。它们占用了大量的字符空间，若将它们从代码文件中删除，将极大的提高客户浏览器的下载速度，还记得第一章我们所介绍的浏览器的基本工作机制嘛？用户需要将网页下载到本地计算机上，然后才由浏览器进行解析。

下一课将介绍HTML的超链接部分，即HTML的HT（HyperText）部分。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航