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


来源:网站优化外包 作者:坪山网络公司 日期:2019-01-24 浏览:

当谈到网站建设或者学习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标准和结构与风格的分离。在某些情况下,在空的段落标记中使用不间断的空格可能会在不同的浏览器中导致意外的间距,因为它们似乎都对此有不同的解释。实现设计中所需的间距元素的***解决方案是使用样式表。
深圳市圣玺网络技术有限公司提供坪山区域的营销网站建设、品牌网站设计、企业网站改版制作、网站优化外包、网络营销推广、百度霸屏、SEO按天按效果付费等互联网广告服务!
本文由网上采集发布,不代表本站立场,转载联系作者并注明出处:http://www.webgaiban.cn/wzyh/1734.html

X

截屏,微信识别二维码

微信号:15019448256

(点击微信号复制,添加好友)

  打开微信