HTML学习笔记之三
博主推荐的学习网站,速成见下文。
本节主要内容:计算机编程语言字体表示、邮件地址表示、缩略格式、插入字和删除字
粒子4:
<html>
<body><code>计算机输出</code>
<br />
<kbd>键盘输入</kbd>
<br />
<tt>打字机文本</tt>
<br />
<samp>计算机代码样本</samp>
<br />
<var>计算机变量</var>
<br /><address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address><!--鼠标移至缩略词语上时,title 可用于展示表达的完整版本。-->
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym><!--块引用-->
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p><!--插入字和删除字-->
<p>My favorite color is <del>blue</del> <ins>blue</ins>!</p></body>
</html>
提示
-
现在acronym已经淘汰不用了,所以尽量改用abbr就好;
-
<i>
标签和基于内容的样式标签<em>
类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。 -
关于
<b>
和<strong>
在显示上,这两个标签都可是加粗文本,呢么为什么会有两个功能"相同"的标签呢?而且好像 strong 并非个例。
- ** 首先,这两个并非完全相同。比如,如果使用网页阅读器阅读网页(盲人使用),strong 会重读,b 则不会。
- ** 其次,从起源上来说,strong 是为了在未来建设语义网而诞生的。应该知道的是,html 是负责显示的标记,不能表示语义。也就是说,浏览器知道这个标签如何显示,而不知道标签所标记的内容应该是什么含义。而 strong 在语义上走出了第一步。
-
使用小写标签。因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。
-
<br />
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使<br>
在所有浏览器中都是有效的,但使用 <br />
其实是更长远的保障。
- 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题,搜索引擎使用标题为您的网页的结构和内容编制索引。