首页 > 资讯动态 > 资讯详情

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

2019-01-24 11:29:07 | 阅读:3946

<p>和<br>标签在网站建设开发中的正确使用方式
当谈到网站建设或者学习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标准和结构与风格的分离。在某些情况下,在空的段落标记中使用不间断的空格可能会在不同的浏览器中导致意外的间距,因为它们似乎都对此有不同的解释。实现设计中所需的间距元素的最佳解决方案是使用样式表。
立即联系咨询 比较十次,不如咨询一次。留下你的联系信息,让我们用态度与经验给您一份惊喜!
立即咨询

引航博景,专业品牌数字化服务机构,专注高端定制化产品开发与服务提供。

引航博景的前身是博信网络工作室,2006年创立于上海。2008年起,以上海引航信息技术有限公司为主体开展业务,现在上海、合肥两地设有办公室。

业务涵括系统软件开发、高端网站建设、设计交互制作、年度运维服务等,十五年来服务客户上千家并深受好评。

版权所有 © 2006-2024 上海引航信息技术有限公司沪ICP备09069965号沪公网安备31011302005006号 网站地图

专业品牌数字化服务商-引航博景正在为您服务咨询电话:400-997-5855