HTML的领悟(HTML Mastery)[第一章第1节]
[quote]主翻译:水月あ无痕协助翻译:MOMO
声明:本文档为爱好者翻译,请勿用于任何商业行为.
另,网络转载请在题目上方加亮注明链接.
以下行为在未得到译者的同意前是被禁止的:
1 电子书制作下载,电子书(带注释)将会在完结之后制作发布.
2 doc文档制作下载,doc文档(带注释)将会在完结之后制作发布.
3 平面媒体转载.
更多交流请发邮件到[email]cqggff@gmail.com[/email]
MSN:cqggff@163.com
QQ:95526145[/quote]
[size=6]第一章：开始旅程[/size]
[size=6][/size]
领悟ＨＴＭＬ不仅仅是知道每个标签是可用的，它的意思是什么而已。全面的理解ＨＴＭＬ也是非常重要的——也就是，你必须明白这些标签和属性是什么，怎么用它们，你得抓住ＨＴＭＬ和ＸＨＴＭＬ中的不同点，知道它们各自的书写方式以及阅读方式等等。理解ＨＴＭＬ不光是帮助你自己知道它，更加重要的是在你讨论它的时候，能帮助别人理解你的意思。
这一章将包含３个主要的小节：
第一节将讲解在阅读或者书写时所使用的术语学。
第二节会重新审视ＨＴＭＬ和ＸＨＴＭＬ的不同，同一语言的两种版本，研究两者之间的常见误解。
最后的章节，会把ＸＨＴＭＬ和ＨＴＭＬ中的一个典型范例分成许多部分，并且观察每个部分的意思以及它所产生的作用。
如果你已经阅读过类似的文档了，那么你可以直接跳到下一章。然而，我强烈推荐作为一次复习来读完这一章——读完并不会耗费多少时间，而且，它充满了有用的信息。同时，知道更多关于ＨＴＭＬ的知识会另你看上去更加的时髦以及酷，谁又不想这样呢？
[size=5]第一节:（X）HTML术语学（terminology）[/size]
[size=5][/size]
如果你想创造一个专家级（X）HTML网页，并且给你的朋友以及同事留下深刻的印象，那么仅仅埋头书写是远远不够的，你必须同时参与交流。为了避免网页混乱不堪，以及让你自己和其他人明白，使用正确的术语是至关重要的。
举个例子，是否某人引用了一个题目标签（title tag），那么，他／她就可以在浏览器的标题那看到对应的文字。又或者在鼠标移过一个元素（一张图，一个链接，以及其他常见的）时，一个提示信息（标题属性the title attribute）就会显示？甚至这个人能够在页面中看到题目中的文字，就像ｈ１标签一样。
我们有标签，元素以及属性，它们中的每一个都有不同的作用。
在继续之前，我们得确定是否已经站在同一理解阶段上。之后，我将解释在讨论（X）HTML时你会引用的各种代码，我也会讨论一些常会混淆的相近代码，包括了div，span，id，class，block和内嵌元素。
[size=4]1:元素（elements）和标签（tag）[/size]
[size=4][/size]
一个元素，是由一个开始标签，一些可选的属性，一些内容以及一个闭合标签组成的。元素还可以包容任意数量的那些同样由标签，属性以及内容所构成的元素。
下面的例子将会展示两个元素：一个由“<”开始到“>”结束的<p>元素，以及以<em>开始</em>结束，中间是内容的<em>元素。[code]<p class="example">Here is some text, some of which is <em>emphasized</em></p>[/code]标签标注了一个元素的起始和结束。开始的标签可以包括多个属性，但是不能包含其他的标签或者元素，同时，结束标签却不可以在自身里再加任何东西。在前面的例子中我们有4个标签，开始和结束的<p>以及<em>。
但是并不是所有的元素都是有闭合的。比如<img>,<br>,<meta>以及<hr>是作为自闭合元素（self-closing elements），空元素（empty elements）或者可替代元素（replaced elements）被引用的。这类的元素都不是包容性元素——也就是说，你不能写<hr>内容</hr>或者<br>内容</br>--任何的内容以及格式化[ 格式化：被CSS定义的拒绝接纳格式的样式]都是受属性支配的（更多内容请看下节）。在HTML中，自闭合元素被简单的写做像<img>,<br>,<meta>或者<hr>一样,在HTML中,自闭合元素需要一个空格以及一个斜划线,例如<img />，<br />，<meta />等等。
[quote]注意<script>元素：它是一个包容性的元素，即使说它能用src属性以及内容来引用外部的script文件而保留空内容，也必须有闭合标签。这个问题又由于Opera（9.0以上版本）和Safari支持单闭合的<script>标签而变得更加的复杂了。所以，虽然这个标签能够起作用，但是在其他不支持的浏览器中，这个就是错误而不能实现的。[/quote]
[size=4]2:属性（attributes）[/size]
属性伴随着标签而出现，它们的内容只能包含属性能使用的内容。
举个例子：[code]<p class="example">Here is some text, some of which is<em>emphasized</em></p>[/code]这个例子指出了class属性，一个属性能够包括多个分开的可用内容，这对你要在一个元素里要使用多个属性是非常有用的。
举个例子，你有两个属性，一个叫example一个叫reference，你可以像这样在一个元素里同时使用它们：[code]<p class="example reference">[/code]其他你可能已经遇到过的属性，比如说alt，src，title等。但是，这里有太多的属性了，有些属性只能是特定元素使用（如selected只能对<option>使用），有些却是通用（如class，id）。
如果有一件事使我想让读者抛弃这本书，那就是，世上没有一个叫alt的标签[ 译者注：原句是：there is no such thing as an alt tag。这里作者是讽刺标签和属性概念混淆的情况。]。
[[i] 本帖最后由 水月あ无痕 于 2008-7-21 16:51 编辑 [/i]] :loveliness: :loveliness: 高手,我来看看.>!! 温故而知新 谢谢，学习是没有尽头的温故知新
页:
[1]
