(X)HTML学习笔记02_基本(X)HTML的格式化

(X)HTML学习笔记02_基本(X)HTML的格式化

    有些时候仅仅是将某块内容突出显示，使用css创建一个样式表太麻烦，而使用(x)html的格式化元素比较简单，所以还是有必要学一下，html的格式化的一些元素的。

  1.以粗体/斜体显示文本

    <b>显示粗体的内容</b>

  2.以斜体显示文本

    <i>显示斜体的内容</i>

    还可以使用不太常使用的<em></em>标记来进行“强调”显示文本，多数情况下的浏览器是显示斜体，有部分能有可能显示下划线。

<strong></strong>标记来将文本标记为"重点"，多数情况显示为黑体。

  2-1.其他的能让文本变斜体的一些标记

   ①引述：<cite>content</cite> 按照惯例，引用的文本将以斜体显示

     用 <cite> 标签把指向其他文档的引用分离出来，尤其是分离那些传统媒体中的文档，如书籍、杂志、期刊，等等。如果引用的这些文档有联机版本，还应该把引用包括在一个 <a> 标签中，从而把一个超链接指向该联机版本。-->百度百科

   ②定义：<dfn>content</dfn>

    <dfn> 标签可标记那些对特殊术语或短语的定义。-->百度百科

 一般的浏览器是以斜体来显示定义的。

③变量 ： <var>变量名</var> 

<var> 标签表示变量的名称，或者由用户提供的值。

<var> 标签是计算机文档中应用的另一个小窍门，这个标签经常与 <code> 和 <pre> 标签一起使用，用来显示计算机编程代码范例及类似方面的特定元素。-->w3school

④地址：<address>邮箱地址</address>

老式标签，用于标记邮箱地址。

3.使文本比周围文本变大或者变小

<big>content</big> <small>content</small>

变大和变小是相对的。一般来说，根据使用的元素，沿着典型的大小系列(比如8、9、10、12、14、16、18、24、36和48)向上或向下移动一级。大多数的浏览器的默认大小是16像素。

*该标记可以起到累加效果 如：<small><small>content</small></small>     content比周围文本小两级*

4.使用的等宽字体

每个页面访问者在浏览器的首选项中都指定了两种字体：一种是常规的宽度可变的字体，另一种是等宽字体。这些字体通常分别是Times和Courier。如果要显示计算机代码、URL或者希望区别于主文本的其他信息，那么可以用等宽字体来显示文本。

<code>content</code>对计算机代码进行格式化，如：int i = 0

<tt>content</tt> (表示打字机文本)用于一般的等宽字体来显示文本，如：What's the hell are you doing?

<kbd>content<kbd> 对于键盘指令进行格式化,如hasdaksdaj

<samp>content<samp> 用于显示示例文本,如Hello! My name is Justin,nice to meet you all!

5.使用预格式化的文本

<pre>content</pre>

5-1.原本通常浏览器会将所有额外的回车和空白压缩，并且根据窗口宽度自动地换行。

使用预格式化文本的好处在于可以使得文本保留原有的换行和插入的空白。It's amazing!

5-2.预格式化文本一般显示为等宽字体

5-3.如果要显示的内容包含(X)HTML元素那么必须用适当的字符实体代替大于号和小于号

<是&lt   >是&gt 

但是将大于号或者小于号包含在pre标记里面的话就会按照原样显示，当然也可用 字符实体

即<pre><></pre>和<pre>&lt&gt</pre>一样

5-4.注意，pre是块级的而这次笔记前面说的都是行内的，因此<pre>和<p>/<hn>是并列的，不能被互相包含。

6.引述文本

引述块级文本

1).<blockquote

2).如果愿意输入cite="utl"，这里的url是指引述来源的地址

3).>

4).content输入希望有别于前后文本的文本，包括需要的任何(X)HTML标记

5).</blockquote>

引述行内文本

1).<q

2).如果愿意输入  xml:lang="xx" lang="xx"

  这里的xx是指引述所用的语言的两个字母的编码，就是引述的内容是什么语言

  xml:lang="en" 是指英文 xml:lang="zh-CN"是指中文 xml:lang="zh-HK"是指繁体中文

3).>

4).content

5).</q>

6).如果愿意可以在html标记中添加xml:lang="xx" lang="xx"，这里的xx是指网页的大部分所用的语言的编码

如果网页定义为XHTML1.1或者XML格式,那么可以使用xml:lang属性(因为xml:lang属性是在XML中确定语言信息的标准用法).
如果网页使用HTML格式,那么应该同时使用xml:lang和lang属性.-->sina blog

7.创建上标和下标

上标^content

下标_content

上标在数学符号中有用如 X²-->X²

上标还有可能当页脚注释，书籍中常见，word写论文的时候也常见

下标适合化学元素的一些书写 H₂-->H₂O

8.标出修改过的文本

可能有用的另一组逻辑标记ins和del

<ins>content</ins> 逻辑上讲的是插入内容，多数浏览器显示的是下划线

<del>content</del> 逻辑上讲的是删除内容，多数浏览器显示的就是删除线

9.解释缩写词

<abbr title="explanation">缩写词本身</abbr>

<acronym title="explanation">缩写词本身</acronym>

FireFox（火狐）浏览器上面会将该缩写词标注虚线下标 

IE 不会在显示上出现什么幺蛾子 IE6及之前版本不支持abbr，IE7及之后版本支持abbr

但是二者都会在鼠标移到该缩写词上面的时候显示title中的explanation