<p>和<br>标签在网站建设开发中的正确使用方式

2022-05-01    分类: 网站建设


当谈到网站建设或者学习HTML时,大多数人在早期学习的两个标签是段落和换行标签,分别是<p>和<br/>,这两个标签分别是<p>和<br>。这些标签在文本中放入自然的分割符,这样网页的内容就更容易阅读了。虽然这些标记相当容易使用,但它们也可能引起一些混淆并被误用。其实很多人即便从事网站制作开发很多年,一样存在将<p>和<br>标签用错用混的情况发生。所以作为一家专业网站建设公司,创新互联有必要整理出<p>和<br>标签在网站建设开发中的正确使用方式,认真读完本文或许对你以后的网站编程有所帮助。
正确使用HTML段落元素
段落元素<p>用作标记对,<p>标记用于开始元素,</p>标记用于结束元素。在编写HTML4或HTML5时,技术上不需要结束标记,但关闭此标记被认为是好实践。在XHTML中,需要结束</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换行符元素
换行符元素<;br>;标记是一个单例标记-它没有结束标记。在XHTML中,必须使用带有最后斜杠<br/>标记,但在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>
由于换行符标记是单例标记,因此不能在其中使用其他标记。
<p>和<br>标记的常见误用
刚开始编码的人在标记网页时会在段落和换行元素上犯一些常见的错误。
  • 使用<br>更改文本行的长度:使用Break标记以特定的方式强制文本显示或断开,可以确保您的页面在浏览器上看起来很棒,但不一定是在其他浏览器上,当然也不是在所有设备上。如果您的网站是响应网站,它会根据不同的屏幕大小更改其布局。浏览器会自动放入换行,然后当涉及到<;br>;标记时,它会再次对文本进行包装,从而生成短行、长行和断断续续的文本。您应该使用CSS样式表来指定视觉样式,而不是试图通过添加特定的HTML元素来强制布局。
  • 使用<p></p>在元素之间添加空间:再次使用HTML创建可视化布局,在本例中为间距,而不是使用CSS。这是一些HTML编辑器的常见做法,虽然它在技术上并不错误,但它会导致外观笨拙的HTML,并且可能会使以后的编辑变得混乱。它也不符合web标准和结构与风格的分离。在某些情况下,在空的段落标记中使用不间断的空格可能会在不同的浏览器中导致意外的间距,因为它们似乎都对此有不同的解释。实现设计中所需的间距元素的好解决方案是使用样式表。

分享文章:<p>和<br>标签在网站建设开发中的正确使用方式
文章出自:https://www.cdcxhl.com/news17/148317.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站建设网站维护公司