您的位置:首页 > 运维架构 > 网站架构

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

2018-03-14 10:12 435 查看
结构化标记:可用来描述标题和段落的元素。
语义化标记:表达特定含义的标记。(例如表示强调,引用等)

标题:

<h1><h2><h3><h4><h5><h6>
<h1>用在主标题,<h2>用在副标题。

段落:

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

粗体和斜体:

<b>:
与<strong></strong>标签的区别<b></b>标签的加粗只是为了加粗;<strong></strong>标签加粗是为了突出重点;在网页中使用<strong></strong>突出的内容更容易被网页搜索蜘蛛搜索到。<i>:与<em></em>标签的区别

与<b>标签类似

上标和下标:

<sup>上标
<sub>下标

空白:

通过补充空格和换行的方式编写代码,当浏览器遇到两个或者两个以上的连续空格,只显示为一个空格。遇到一次或多次换行,浏览器也会将其看作一个空格。(注:这里是键盘的输入,不是 一级</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>不行。可以解释一下么。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: