论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > HTML基础入门教程
Tag:初学,入门,文字,链接,table,表单,框加,多媒体,标签,视频教程

HTML 初学者指南(10)

文章类别:HTML基础入门 | 发表日期:2008-8-8 13:25:45

疑难解答

避免标记重叠

请看这个 HTML 例子:



<B>This is an example of <DFN>overlapping</B> HTML tags.</DFN>



overlapping 这个单词被同时包含在 <B> 和 <DFN> 两个标记中. 浏览器在这种情况下会无所适从,因而你可能得不到预期的效果.



通常情况下应该避免标记重叠. 检查你的标记,让它们成对出现. 成对使用的标记(显然,结束标记可以省略的元素除外, 如段落标记) 中间不应该被打断.
再看看上面的例子. 在中间的标记(DFN)尚未结束前,你不能使粗体标记<B>结束. 在你把文件放入服务器中之前,应该先检查以下是否含有类似上述情况的错误.




只嵌入锚链和字符标记mbed Only Anchors and Character Tags

HTML 协议允许你在其他 HTML 标记中嵌入超链:



<H1><A HREF="Destination.html">My heading</A></H1>



不要 在一个锚链中嵌入 HTML 标记:



<A HREF="Destination.html">

<H1>My heading</H1>

</A>



尽管当前的多数浏览器能够处理第二个例子, HTML 的正式说明是不支持这种结构的,你的文件也许在将来的浏览器中将发生问题.
记住,一个浏览器显示不正确编码的文件是可以被原谅的. 但是这种宽容可能不会延续到该软件的下一个版本!当发生疑问时, 就根据 HTML 说明的规定来书写
(参见下面的 其它信息 ).



字符标记可以用在其它元素中改变文本显示模式:



<UL>

<LI><B>A bold list item</B>

<LI><I>An italic list item</I>

</UL>



避免嵌入其它类型的 HTML 元素标记. 例如, 你可能想在一个列表中嵌入标题字体以增大一些字符的显示:



<UL>

<LI><H1>A large heading</H1>

<LI><H2>Something slightly smaller</H2>

</UL>



尽管有些浏览器可以很好地显示这种编码, 这种格式将来是否有效是很难说的,因为它是未定义的 . 为了保证对所有浏览器兼容, 你应该避免使用这种结构.
(Netscape 支持一种 <FONT> 标记, 用于指定某个字符在浏览器中显示的大小, 也不是当前官方 HTML 说明中的定义.)



在 <LI> 标记中插入 <B> 标记与在 <LI> 标记中插入 <H1> 标记有什么不同呢? 在訦TML 语义说明中 <H1>
的含义是一个文档中主标题字体的开始,它后面应该跟当前文档的内容. 因此在一个列表中出现 <H1> 时是没有含义的.



字符格式标记通常也不可以附加. 例如, 你可能想这样写:



<B><I>some text</I></B>



期望得到一种加粗的斜体文本. 有些浏览器确实可以; 另外一些浏览器则只解释最内层的标记.



最后的步骤

使你的编码有效

当你把一篇文档放入一个 Web 服务器时, 要确保格式和每个链接正确(包括命名锚链在内).
理想的情况是在你认为一篇文档完成了的时候让其他人浏览一遍并且给出评论.



你可以通过 HTML 有效性服务来验证你的文件是否符合目前普遍接受的 HTML 的标准. 如果你不知道你的文档是否符合 HTML 说明,
这个服务是一个有用的教学工具. 这个服务允许你选择一个校验的级别(如, 严格校验strict, 二级校验level 2, 三级校验level
3).如果你想使用一些非标准的格式,这种自由是很有用的.



替代图像

当<IMG SRC> 标记指向的图像不存在时, 你的浏览器会使用一个替代图像. 在你最后检查你的文件时如果出现了这种情况, 应该确保所指向的图像文件确实存在,
超链使用的 URL 信息正确, 以及文件属性被正确设置(对所有人可读). 然后再检查一遍!



更新你的文件

如果一个文件的内容是静态的 (例如George Washington的个人传记), 可能不会需要更新.
但是对于和时间关系密切的内容,或者包含的领域是经常变化的, 记住不断更新你的文件!



当文件含有诸如每周计划或事件的最后期限这一类信息时,更新是非常重要的. 删除过时的文件或注明为什么有些过期的信息依然在服务器中 (例如,
某个事件在下一轮中的要求和当前内容是相同的,所以该文件过一段时间后仍有参考价值).



浏览器的区别

不同的 Web 浏览器显示的 HTML 元素不尽相同. 记住不是所有的浏览器都能够解释 HTML 文件中所有的标记元素.
不过,浏览器对于不能识别的标记通常只是忽略而已.



你可能花费了很多时间是你的文件在你当前使用的浏览器上“看上去非常漂亮”. 如果你用另一个浏览器察看你的文件, 它很可能看起来不太一样,甚至很不相同.
因此请记住这个建议:使用正确的 HTML 来书写你的文件. 把解释工作留给浏览器,争取得到最好的效果.



注释你的文件

在你的HTML文件中你可能需要留一些注释. HTML
中的注释类似于计算机程序中的注释--你输入的文本不是用于给浏览器显示的,读者也无法直接看到它们,就象计算机程序中的注释是不被程序本身使用的,程序使用者也看不到这些注释.
不过,如果读者看原始文件的话,将可以看到注释.



一般的注释包括更新文件的作者姓名, 生成一个文件所使用的软件和其版本, 或者一些较小的改动信息等.



加入一段注释的格式为:



<!-- 注释内容 -->



你必须包含叹号和连字符.



其他信息

本指南只是一个关于 HTML 的简介, 而不是一个详尽的参考. 下面是一些其他的参考信息. 别忘了先到附近的书店查一查 Web 和 HTML 的书籍.



上一篇:{教程}html视频教程(21视频教程网) 人气:3957
下一篇:HTML 初学者指南(9) 人气:2153
视频教程列表
文章教程搜索
 
HTML推荐教程
HTML热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058