shangrila-xiu

112
文章
101
分类
33
标签

wenzigeshi

文字格式

适当的文字格式不仅能发挥画龙点睛的作用，还能增添网页的效果。常见的文字格式有粗体、斜体、加下划线、大字体、上标、下标等。

W3C对文字格式的讲解

文字格式在百度文库中的详细讲解

HTML网页各种字体格式的细节修饰

< br />（换行）

用HTML定义网页的外观

1
2
3
<body>
	...文字、图片、表格等内容...<br clear="left">
</body>

下面使用css来改变网页的外观

1
2
3
4
5
6
7
8
9
<head>
	<meta charset=utf-8>
	<style type="text/css">
		br{clear:left;}
	</style>
</head>
<body>
	...文字、图片、表格等内容...<br>
</body>

注意事项：

1、一些文字格式元素W3C还是建议使用CSS来取代它们。
2、HTML5也删除了font、basefont、big、blink、center、strike、tt、nobr、spacer等现有元素，因涉及网页的外观，建议使用css来取代它们，同时也删除了acronym元素，建议改用abbr元素来取代。至于small元素虽然没有被删除，但做了修改，用来标记版权声明、法律限制等细则。
3、em元素虽然不是html5新增的元素，但在一定意义上做了修改，用来标记强调的功能。em元素的摆放位置会改变句子的意思或语气。

1
<p><em>Dogs</em> are friendly animals.</p>

若将em元素位置放在下面的这个位置，就变成强调狗是“友善”的动物。

1
<p>Dogs are <em>friendly</em>  animals.</p>

至于i元素的定义则是以斜体标记与一般文章稍有差异的字句，或一段改变声调、情绪的字句，例如：

1
<p>The term <i>OOP</i> is defined above.</p>

4、HTML5也对strong元素的定义做出一些修改，用来标记内容重要性，但没有改变句子的意思或语气的元素，例如：

1
<p><strong>警告！</strong>危险区域请勿戏水！</p>

至于b元素的定义则是以粗体标记与一般文章稍有差异的字句，好比是关键词、产品名称等，例如：

1
<p>好消息！<b>薯条三兄弟</b>隆重上市！</p>

5、mark元素是用来显示荧光标记，但它的意义和用来标记强调重点的em或strong元素并不相同。例如假设在网页上搜索某个关键词，一旦搜索到该关键词，就将该关键词以荧光标记出来。这种情况下mark是比较合适的。

ruby、rt、rp元素（注音）

1、ruby元素是用来包住字符串及其注音或拼音。

2、rt是ruby text 的缩写，rt元素是ruby元素的子元素，用来包住注音或拼音部分。

3、rp是ruby parenthese的缩写，rp是ruby的子元素，用来指定当浏览器不支持ruby元素是，就显示rp元素里的括号，相反的，当浏览器支持ruby元素是，就不会显示rp元素里的括号。

1
<h1></h1>