我想在我的网站上添加文本缩进(-将第一行段落缩进),但首先搜索了一下,发现许多网站没有任何文本缩进。这是为什么?我认为它可以更清楚地说明段落的开头,那么为什么不更频繁地使用它呢?
是否有严重的缺点,还是只是时尚/趋势的问题?
我想在我的网站上添加文本缩进(-将第一行段落缩进),但首先搜索了一下,发现许多网站没有任何文本缩进。这是为什么?我认为它可以更清楚地说明段落的开头,那么为什么不更频繁地使用它呢?
是否有严重的缺点,还是只是时尚/趋势的问题?
您可以通过多种方式分隔段落。
缩进
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur in orci pellentesque, volutpat metus eget, interdum
mauris.
Nunc faucibus lectus id libero blandit, et varius augue
vehicula. Cras eu dictum libero, a elementum velit. Fusce
ultrices malesuada elit, et convallis massa tristique in.
Vivamus vel urna eget orci tincidunt luctus eget ac tortor.
Integer faucibus ante eu mauris faucibus, sit amet tincidunt
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque
sit amet neque aliquam ultrices eget vitae urna.
空行/空格
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur in orci pellentesque, volutpat metus eget, interdum
mauris.
Nunc faucibus lectus id libero blandit, et varius augue
vehicula. Cras eu dictum libero, a elementum velit. Fusce
ultrices malesuada elit, et convallis massa tristique in.
Vivamus vel urna eget orci tincidunt luctus eget ac tortor.
Integer faucibus ante eu mauris faucibus, sit amet tincidunt
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque
sit amet neque aliquam ultrices eget vitae urna.
Fleurons /蓬勃发展/图标/错误
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur in orci pellentesque, volutpat metus eget, interdum
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce
ultrices malesuada elit, et convallis massa tristique in. ~•~
Vivamus vel urna eget orci tincidunt luctus eget ac tortor.
Integer faucibus ante eu mauris faucibus, sit amet tincidunt
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque
sit amet neque aliquam ultrices eget vitae urna.
数字
1 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur in orci pellentesque, volutpat metus eget, interdum
mauris.
2 Nunc faucibus lectus id libero blandit, et varius augue
vehicula. Cras eu dictum libero, a elementum velit. Fusce
ultrices malesuada elit, et convallis massa tristique in.
3 Vivamus vel urna eget orci tincidunt luctus eget ac tortor.
Integer faucibus ante eu mauris faucibus, sit amet tincidunt
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque
sit amet neque aliquam ultrices eget vitae urna.
所有(以及其他方法)都是有效的。通常不赞成将它们结合起来,因为它有点多余。如果段落之间已经有空格,那么缩进并不能真正帮助在视觉上将它们分开。
至于为什么您通常将空白行/空格视为在网络上分隔段落的主要方式,因为这只是默认设置。默认情况下,大多数浏览器传统上会在<p>
标签之间添加空格。所以没有必要使用缩进。但如果您愿意,您当然可以自由使用缩进。
这主要是个人喜好,有些人会争辩为什么人们也不使用首字下沉而不是缩进。就个人而言,段落之间的空间值得缩进。
我对使用缩进的目的的理解只是在为网站编写博客文章之类的内容时用于新的内容块。也就是说,当一些人使用 CMS 网站或博客时,当讨论多个主题时,很难在必要的段落上编写缩进代码,因此使用标题标签作为分隔符。
为了解决这个问题,您可以使用jQuery在某些标签上grep
添加 CSS属性。因此,要回答您的问题,这是个人喜好。还要注意,如果您正在为博客文章之类的内容执行此操作,并且您不希望每个标签都缩进,您可以使用伪元素 first-child:text-indent
<p>
<p>
p:first-child {
text-ident: 1.5em;
}
文本应该缩进吗?嗯,这是个人喜好的问题,但我见过的绝大多数网站都没有缩进段落。
你得看看HTML的由来
当 HTML 开始时,并没有标准指南。HTML 是由 Berners-Lee 最初创建的,他认为是编写浏览器和服务器软件的人。主要组织的人们询问他们可以使用哪些格式化命令。由于书面文本中的段落后面有空格,因此他们将其应用于 HTML。这就是<p>
标签的工作方式。人们会采用标准集,而不会使用可选的。
还有一个 HTML 2.0 文档的摘录
水平制表符(HTML 文档字符集中的代码位置 9)必须被解释为最小的正非零空格数,这将使该行到目前为止的字符数为 8 的倍数。 文档不应包含制表符,因为它们没有 得到一致的支持。
http://www.ietf.org/rfc/rfc1866.txt
文字处理器中的标签和在网络上使用的区别
没有缩进的另一个原因是使用了 Tab。在文字处理程序中,我们习惯于使用制表符来缩进段落。嗯,这不是事情在网络上的运作方式。在 90 年代初创建表单时,人们使用 tab 键跳到下一个字段。现在人们已经习惯了这个功能,而不是在网络上使用制表符缩进线。
没有理由不能在 Web 上缩进段落。人们只是习惯于在段落上没有缩进并且有垂直空间。
p {
text-indent: 20px;
}