HTML

HTML 知识量:9 - 26 - 70

3.7 特殊符号><

网页中的“空格”- 3.7.1 -

在网页中,空格的处理和显示方式与普通文本编辑器有所不同。在HTML中,连续的空格通常会被浏览器合并为一个单一的空格,而不是按照原样显示多个空格。这是因为HTML默认会忽略多余的空格和换行符。

要在网页中插入空格,可以使用以下几种方法:

1. HTML实体:使用&nbsp;(非断行空格)可以在网页中插入一个不会被合并的空格。例如:This&nbsp;is&nbsp;a&nbsp;sentence. 将会显示为 "This is a sentence.",其中每个单词之间的空格都是可见的。

2. CSS样式:通过CSS的white-space属性,可以控制如何处理元素内的空白和换行符。例如,将white-space设置为pre或pre-wrap可以保留源代码中的空格和换行符。

.preserve-spaces {  
    white-space: pre-wrap;  
}

然后在HTML中使用这个类:

<p class="preserve-spaces">This     is     a     sentence.</p>

这样,浏览器就会按照源代码中的样子显示空格。

3. HTML标签:使用<pre>标签可以预格式化文本,保留其中的空格和换行符。

<pre>  
This     is     a     sentence.  
</pre>

在这个例子中,每个空格都将被保留并显示。

4. 使用CSS的padding或margin:虽然不是直接插入空格,但增加元素的padding(内边距)或margin(外边距)可以在视觉上创建额外的空间,类似于空格的效果。

.spaced-element {  
    margin-right: 10px; /* 右侧外边距为10像素 */  
}

然后在HTML中应用这个类:

<span class="spaced-element">This</span>      
<span class="spaced-element">is</span>      
<span class="spaced-element">a</span>      
<span class="spaced-element">sentence.</span>

网页中的“特殊符号”- 3.7.2 -

网页中的特殊符号通常指的是那些在常规文本中不常见,或者在HTML中有特殊含义的字符。这些特殊符号在网页制作中非常有用,因为它们可以用来控制文本的格式、插入非文本内容(如数学符号、货币符号等),或者用于特定的功能(如链接、表单提交等)。

HTML提供了几种方式来插入特殊符号:

  1. 数字实体引用:使用&#后跟数字代码,再跟;的形式来插入特殊字符。例如,©的实体引用是&#169;,®的实体引用是&#174;。这种方式的优点是可以精确地指定任何Unicode字符。

  2. 命名实体引用:使用&后跟字符的名称,再跟;的形式来插入特殊字符。例如,©的命名实体引用是&copy;,®的命名实体引用是&reg;。这种方式更易于记忆,但可用的字符集可能不如数字实体引用全面。

  3. 字符实体引用:对于某些常用的特殊字符,HTML提供了简短的字符实体引用。例如,&lt;代表小于号<,&gt;代表大于号>,&amp;代表和号&。

  4. 直接使用Unicode字符:如果网页的字符编码设置为UTF-8(这是现代网页的推荐做法),则可以直接在HTML中插入Unicode字符。例如,版权符号可以直接写作©。