HTMLP和br元素的正确用法

说到学习HTML,大多数人早期学习的两个标记是段落和换行标记,分别是和。这些标签在文本中加入了自然的分隔符,这样网页的内容更容易阅读。虽然这些标签很容易使用,但它们也会造成一些混乱和误用。...

说到学习HTML,大多数人早期学习的两个标记是段落和换行标记,分别是和。这些标签在文本中加入了自然的分隔符,这样网页的内容更容易阅读。虽然这些标签很容易使用,但它们也会造成一些混乱和误用。

HTML code on a white screen

正确使用html段落元素

段落元素用作标记对,标记打开元素,标记关闭元素。在编写HTML4或HTML5时,技术上不需要结束标记,但关闭此标记被认为是最佳实践。在XHTML中,结束符&lt/p>是必需的。

您在网站上使用段落元素的方式与您在为非网站需求编写内容时所使用的方式相同—当您想开始一个新的想法或观点时。大多数浏览器显示的段落之间只有一个空行。以下是HTML格式的示例段落:

<p>Now is the time for all good men to come to the aid of their country. The quick brown fox jumped over the lazy sleeping dog.</p>

许多其他标记可以出现在开始和结束段落标记之间。

正确使用html换行符元素

换行元素标记是一个单例标记-它没有结束标记。在XHTML中,必须使用带有最后斜杠的标记(&lt;br/&gt;),但在HTML(包括HTML5)中,它不是必需的。

break元素是网页文本流中的强制换行。当你想让文本继续到下一行,但内容不是一个单独的想法或观点,这将使它成为另一个段落时,你可以使用它。这方面的一个例子发生在诗歌中,断行通常是固定的。

下面是一个段落内换行的示例:

<p>Now is the time for all good men to come to the aid of their country.<br/>The quick brown fox jumped over the lazy sleeping dog.</p>

因为换行标记是单例标记,所以不能在其中使用其他标记。

对&lt;p&gt;及&lt;br&gt;标签

刚接触编码的人在标记网页时,会在段落和换行符元素上犯一些常见错误。

  • 使用<br>更改文本行的长度:使用break标记尝试强制文本以特定方式显示或打断,可确保页面在浏览器上看起来很好,但不一定在其他浏览器上,当然也不一定在所有设备上。如果您的网站是响应性网站,它会根据不同的屏幕大小更改其布局。浏览器会自动放入换行符,然后当涉及到<br>标记时,它会再次换行文本,从而产生短线、长线和断断续续的文本。您应该使用CSS样式表来指定视觉样式,而不是试图通过添加特定的HTML元素来强制布局。
  • 使用<p></p> 在元素之间添加空间:再次,这是转向HTML来创建一个可视化布局,在本例中是间距,而不是使用CSS。这是一些HTML编辑器的常见做法,虽然在技术上没有错,但它会导致HTML外观不好,并且可能会使以后的编辑变得混乱。它也不符合网络标准和结构与风格的分离。在某些情况下,在其他空段落标记中使用不间断空格可能会导致不同浏览器中出现意外的空格,因为它们的解释似乎都不同。实现设计中所需的间距元素的最佳解决方案是使用样式表。

  • 发表于 2021-09-04 22:36
  • 阅读 ( 125 )
  • 分类:IT

你可能感兴趣的文章

溴(bromine)和碘(iodine)的区别

...在于,溴在室温下是液态的,而碘是固态的。 溴和碘是元素周期表中卤化物族或17族元素。因此,这两种元素的最外层电子壳层中都有7个电子。 目录 1. 概述和主要区别 2. 什么是溴 3. 什么是碘 4. 溴和碘的相似性 5. 并列比较-溴...

  • 发布于 2020-10-22 08:44
  • 阅读 ( 397 )

卤素(halogens)和卤化物(halides)的区别

...别在于卤素是在最外层p轨道上有一个未成对电子的化学元素,而卤化物没有未成对电子。 卤素是7族元素。由于卤素在p轨道上有一个不成对的电子,卤素最常见的氧化状态是-1,因为它们可以通过获得一个电子而稳定下来。这个...

  • 发布于 2020-10-22 13:01
  • 阅读 ( 368 )

溴(bromine)和溴化物(bromide)的区别

溴和溴的主要区别在于溴是溴的还原形式。 元素周期表中的化学元素除了惰性气体外都是不稳定的。因此,元素试图与其他元素反应以获得稀有气体电子构型以达到稳定性。同样,溴也必须得到一个电子,才能得到惰性气体...

  • 发布于 2020-10-25 08:45
  • 阅读 ( 433 )

溴(bromine)和氯(chlorine)的区别

...键区别在于溴的活性比氯小。 卤素是周期表中的第七组元素。这些元素都是电负元素,具有产生-1阴离子的能力。该组成员包括氟、氯、溴、碘和虾青素。 目录 1. 概述和主要区别 2. 什么是溴 3. 什么是氯 4. 并列比较-溴与氯...

  • 发布于 2020-10-25 13:14
  • 阅读 ( 651 )

溴(bromine)和水星(mercury)的区别

...汞的表格形式 5. 摘要 什么是溴(bromine)? 溴是一种化学元素,具有符号Br和原子序数35。这种化学元素属于元素周期表中的卤素族(第7族)。我们可以在室温和压力下发现它是液态的,因为氟和氯以气体的形式存在,而碘则以固...

  • 发布于 2020-11-02 16:18
  • 阅读 ( 221 )

碱(alkali)和基础(base)的区别

碱与碱的主要区别在于,第1组元素被归为碱元素,而任何具有基本性质的元素或化合物都被归为碱。 我们经常交替使用碱这个词来表示高碱性溶液和碱金属。在这里,碱是指元素周期表第1组的碱金属。然而,碱基可以指任...

  • 发布于 2020-11-04 20:11
  • 阅读 ( 276 )

理解基本html代码的5个步骤

... HTML使用标签系统对文档的不同元素进行分类。 ...

  • 发布于 2021-03-21 16:54
  • 阅读 ( 264 )

如何在无线网络上启用来宾访问点

...为了在本教程中取得成功,您需要检查两个关键的兼容性元素。首先,也是最基本的,是检查您的特定路由器是否支持DD-WRT。您可以访问DD-WRTwiki的路由器数据库进行检查。 一旦你确定你的路由器与DD-WRT兼容,我们需要检查你的...

  • 发布于 2021-04-11 21:43
  • 阅读 ( 153 )

如何为OSX制作自己的批量应用程序安装程序

...浪费时间。谢天谢地,只需一点点设置,你就可以用自制和自制木桶自动完成整个过程,这样你就不用再做了。什么是自制(homebrew)?Homebrew是一个命令行实用程序,可以自动下载要安装在新计算机上的大多数应用程序。基本上,...

  • 发布于 2021-05-21 06:05
  • 阅读 ( 131 )

溴(bromine)和氯(chlorine)的区别

七А 周期系统的组包括元素氟(F)、氯(Cl)、溴(Br)、碘(I)和虾青素(At)。所有这些元素都被称为“卤素元素”,具有非金属化学性质。   什么是溴(bromine)? 溴(Br)是周期体系中VIIA族的非金属化学元素,在正常条...

  • 发布于 2021-06-25 19:53
  • 阅读 ( 231 )
wnfeu173951
wnfeu173951

0 篇文章

相关推荐