当前位置: 代码迷 >> 综合 >> 网页语言HTML之三:编程字体、邮件地址、缩略、删除字
  详细解决方案

网页语言HTML之三:编程字体、邮件地址、缩略、删除字

热度:50   发布时间:2023-12-13 16:18:49.0

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>

提示

  1. 现在acronym已经淘汰不用了,所以尽量改用abbr就好;

  2. <i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。

  3. 关于<b><strong>

    在显示上,这两个标签都可是加粗文本,呢么为什么会有两个功能"相同"的标签呢?而且好像 strong 并非个例。

    • ** 首先,这两个并非完全相同。比如,如果使用网页阅读器阅读网页(盲人使用),strong 会重读,b 则不会。
    • ** 其次,从起源上来说,strong 是为了在未来建设语义网而诞生的。应该知道的是,html 是负责显示的标记,不能表示语义。也就是说,浏览器知道这个标签如何显示,而不知道标签所标记的内容应该是什么含义。而 strong 在语义上走出了第一步。
  4. 使用小写标签。因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。

  5. <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使<br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

  1. 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体大号的文本而使用标题,搜索引擎使用标题为您的网页的结构和内容编制索引。
  相关解决方案