<p> 和文本节点有什么区别?
what is the difference between <p> and text nodes?
我正在学习 HTML,我还不清楚使用文本节点或
元素有什么区别。
更准确地说,使用
元素的优点和缺点是什么?文本节点呢?
文本节点就是一段文本。
p 元素是一个具有合理默认值的元素(具有元素的所有常见功能,例如能够将 CSS 应用于它以及 select 它和 JavaScript) CSS 用于段落(例如在其前后创建新行)以及将其定义为段落的特定语义(搜索引擎和屏幕阅读器等各种工具都使用这些语义)。
如果您输入:
<p>Hello, world</p>
您将创建一个包含文本节点的段落。
不在标记中使用“裸”内容有几个原因:
- HTML 的主要目的是对其包含的内容进行语义包装——段落内容应包装在
<p>
中,地址信息应包装在 <address>
中,等等. 当你这样做的时候,它是各种技术的线索,阅读HTML至于它正在阅读的信息应该如何解释。此类技术包括搜索引擎(了解页面上的内容)和屏幕阅读器(以对可能看不到屏幕的用户有意义的方式阅读内容)。
- 当您不将内容包装在标记中时,您将无法通过 CSS
对其进行定位和设置样式。
- 当您不将内容包装在标记中时,您将无法通过 JavaScript 轻松访问它以进行操作
基本上,HTML 的全部目的是在语义上包装内容,这样做还可以启用浏览器中的其他功能。确实没有理由不这样做——所以,适当地包装您的内容!
我正在学习 HTML,我还不清楚使用文本节点或
元素有什么区别。
更准确地说,使用
元素的优点和缺点是什么?文本节点呢?
文本节点就是一段文本。
p 元素是一个具有合理默认值的元素(具有元素的所有常见功能,例如能够将 CSS 应用于它以及 select 它和 JavaScript) CSS 用于段落(例如在其前后创建新行)以及将其定义为段落的特定语义(搜索引擎和屏幕阅读器等各种工具都使用这些语义)。
如果您输入:
<p>Hello, world</p>
您将创建一个包含文本节点的段落。
不在标记中使用“裸”内容有几个原因:
- HTML 的主要目的是对其包含的内容进行语义包装——段落内容应包装在
<p>
中,地址信息应包装在<address>
中,等等. 当你这样做的时候,它是各种技术的线索,阅读HTML至于它正在阅读的信息应该如何解释。此类技术包括搜索引擎(了解页面上的内容)和屏幕阅读器(以对可能看不到屏幕的用户有意义的方式阅读内容)。 - 当您不将内容包装在标记中时,您将无法通过 CSS 对其进行定位和设置样式。
- 当您不将内容包装在标记中时,您将无法通过 JavaScript 轻松访问它以进行操作
基本上,HTML 的全部目的是在语义上包装内容,这样做还可以启用浏览器中的其他功能。确实没有理由不这样做——所以,适当地包装您的内容!