带前缀和不带前缀的createElementNS有什么区别？

问：

在链接到 XHTML 页面的 JS 中，我使用 创建新元素，如下所示：createElementNS

const NS = 'http://my.site/xmlns';
const el1 = document.createElementNS(NS, 'custom');
const el2 = document.createElementNS(NS, 'p:custom');

我无法理解在第二个参数中使用命名空间前缀创建的元素与没有它创建的元素之间有什么区别。例如，这些 CSS 规则对这两个元素具有相同的效果：

@namespace p url('http://my.site/xmlns');
p|custom { background: yellow; }

接下来，调用 of 返回包含两个元素的 a，而返回一个空的 ，这对我来说似乎很奇怪。document.getElementsByTagNameNS(NS, 'custom')HtmlCollectiondocument.getElementsByTagNameNS(NS, 'p:custom')HtmlCollection

那么，创建带有命名空间前缀的元素和没有命名空间前缀的元素有什么区别呢？