如何在博客中将标签 <br /> 更改为 <p>？

Question

查看博客页面的源代码，我注意到它们看起来像每个段落的标签<br/>的2或3个。

是否可以通过一些 css 或脚本技术将其更改为 <p>？

在这些标签上搜索我发现这篇文章说不要使用它，看http://wbruno.com.br/html/semantica-da-tag-br/

我找到了这段代码

br {content: ""; display: block; margin: 1rem 0; }
br :: after {content: "› "; / * content: "" space ignored * /; float: left; margin-right: 0.5rem; }

这是故意的吗？

Answer 1

我可以在 jQuery 的帮助下将 <br/> <br> 替换为 <p> </p>。

HTML

<div>
<p>blah blah blah<br/>* blah blah blah<br/>* blah blah blah<br/>* blah blah blah</p>
</div>
<div>
<p>blah blah blah<br>* blah blah blah<br>* blah blah blah<br>* blah blah blah</p>
</div>

jQuery

$(function()
{$('body').html($('body').html().replace(/<br>\\*/g,"</p><p>"));});

这是附上的链接https://jsfiddle.net/Arpit09/tgxc3y8d/5/

我不熟悉博主是如何工作的，这只是一个将<br/>标签转换为<p></p>的jQuery脚本。让我知道它是否能解决您的问题。

Answer 2

虽然技术上可行，但预期目的是什么？我不熟悉 Blogger 代码，但我认为 <br /> 标签是用于元素划分的。您将<br /> 标记换成<p></p> 标记的理由是什么？

<p></p> 标记旨在用段落文本标记页面。更改 <br /> 标记只是为了更改它会添加必须呈现的不必要代码。

$(function replaceText(){
    $('br').replaceWith('<p></p>');
});

replaceText();