《HTML&CSS设计与构建网站》第二章 文本

时间:2022-01-21 20:28:08
  • 结构化标记:可用来描述标题和段落的元素。
  • 语义化标记:表达特定含义的标记。(例如表示强调,引用等)

标题:

<h1><h2><h3><h4><h5><h6>

<h1>用在主标题,<h2>用在副标题。

段落:

<p>:默认情况下,浏览器在显示段落时会另起一行兵与后续段落保持一定距离。


粗体和斜体:

<b>:

与<strong></strong>标签的区别

<b></b>标签的加粗只是为了加粗;

<strong></strong>标签加粗是为了突出重点;

在网页中使用<strong></strong>突出的内容更容易被网页搜索蜘蛛搜索到。

<i>:

与<em></em>标签的区别

与<b>标签类似

上标和下标:

<sup>上标

<sub>下标

空白:

通过补充空格和换行的方式编写代码,当浏览器遇到两个或者两个以上的连续空格,只显示为一个空格。遇到一次或多次换行,浏览器也会将其看作一个空格。(注:这里是键盘的输入,不是&nbsp一级</br>标签)

换行符和水平线:

<br/>

<hr/>:插入一条水平线。

空元素(单标签的):其起始标签和结束标签间不含任何文字。<hr />注意是hr+空格+斜杠。但是一般都省略空格了。


下面介绍语义化标记:

语义化标记:

调强:<strong>粗体<em>斜体

引用:<blockquote>较长,类似于段落的引用,会缩进一段文本。

<q>较短,会在标签的内容两侧加上引号。

缩写:要使用缩写词或者首字母缩写词,用<abbr>。其title特性用来指定相应词汇的完整形式,鼠标悬停时间出发显示它。(HTML4中定义了同功能的<acronym>标签)

引文和定义:<cite>引用一些作品时,表示引用来源。HTML5中不可用在人名,但是很多人还是继续用。会把内容显示为斜体。

<dfn>在文档中解释新术语的定义。(一般不会改变外观,有浏览器会显示斜体)

设计者信息:<address>内容斜体显示。

内容的修改:<ins>显示已插入到文档的内同,带有下划线。<del>删除的文本,其实还是显示,带删除线<s>表示不准确或者不相关却并不应当删除的内容,带有从中穿过的线条

疑问:<br>,</br>,<br/>的区别,在浏览器中都能实现功能,百度中有人提到自闭和这个概念。

而<hr>和<hr/>可以实现功能,</hr>不行。可以解释一下么。