<p> 和文本节点有什么区别?

what is the difference between <p> and text nodes?

我正在学习 HTML,我还不清楚使用文本节点或

元素有什么区别。

更准确地说,使用

元素的优点和缺点是什么?文本节点呢?

文本节点就是一段文本。

p 元素是一个具有合理默认值的元素(具有元素的所有常见功能,例如能够将 CSS 应用于它以及 select 它和 JavaScript) CSS 用于段落(例如在其前后创建新行)以及将其定义为段落的特定语义(搜索引擎和屏幕阅读器等各种工具都使用这些语义)。

如果您输入:

<p>Hello, world</p>

您将创建一个包含文本节点的段落。

不在标记中使用“裸”内容有几个原因:

  1. HTML 的主要目的是对其包含的内容进行语义包装——段落内容应包装在 <p> 中,地址信息应包装在 <address> 中,等等. 当你这样做的时候,它是各种技术的线索,阅读HTML至于它正在阅读的信息应该如何解释。此类技术包括搜索引擎(了解页面上的内容)和屏幕阅读器(以对可能看不到屏幕的用户有意义的方式阅读内容)。
  2. 当您不将内容包装在标记中时,您将无法通过 CSS
  3. 对其进行定位和设置样式。
  4. 当您不将内容包装在标记中时,您将无法通过 JavaScript 轻松访问它以进行操作

基本上,HTML 的全部目的是在语义上包装内容,这样做还可以启用浏览器中的其他功能。确实没有理由这样做——所以,适当地包装您的内容!