分享
 
 
 

HTML初学者指南(十)

王朝html/css/js·作者佚名  2008-05-20
窄屏简体版  字體: |||超大  

疑难解答

避免标记重叠

请看这个 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 的书籍.

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有