HTML参考手册
废弃 | Obsolete
content
已废弃
该特性已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它,但也许会在未来的某个时间停止支持,请尽量不要使用该特性。
HTML<content> 元素— Web 组件 的技术套件的废弃部分 — 用于 Shadow DOM 内部作为 insertion point,并且不可用于任何正常的 HTML,现在已被<slot>元素代替,它在 DOM 中创建一个位置,Shadow DOM 会插入这里。
注:虽然在规范的草案中出现,并且在多个浏览器中实现,这个元素依然会在规范的之后版本中移除。
| 内容类别 | 透明的内容。 | 
|---|---|
| 允许的内容 | 流量内容。 | 
| 标记遗漏 | 没有,起始和结束标签都是强制性的。 | 
| 允许的父元素 | 任何接受流内容的元素。 | 
| DOM界面 | HTMLContentElement | 
属性
这个元素包含 全局属性。
select逗号分隔的选择器列表,它们和 CSS 选择器语法相同。它们选择要插入的内容,来替换为 <content> 元素。
示例
这里是一个使用<content>元素的简单示例。它是个 HTML 文件,包含所有所需的东西。
注:为了使这个代码有效,你使用的浏览器必须支持 Web 组件,请见 Enabling Web Components in Firefox。
<html>
  <head></head>
  <body>
  <!-- The original content accessed by <content> -->
  <div>
    <h4>My Content Heading</h4>
    <p>My content text</p>
  </div>
  <script>
  // Get the <div> above.
  var myContent = document.querySelector('div');
  // Create a shadow DOM on the <div>
  var shadowroot = myContent.createShadowRoot();
  // Insert into the shadow DOM a new heading and 
  // part of the original content: the <p> tag.
  shadowroot.innerHTML =
   '<h2>Inserted Heading</h2> <content select="p"></content>';
  </script>
  </body>
</html>如果你在 Web 浏览器中展示,它应该是这样。

规范
这个元素不再被任何规范定义。
浏览器兼容性
| Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | 
|---|---|---|---|---|---|---|
| Basic Support | 35 | No | 331 | No | 26 | No | 
| Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari | 
|---|---|---|---|---|---|---|---|
| Basic Support | 37 | 37 | No | 331 | No | ? | No | 
废弃 | Obsolete相关
 
                                超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
 
         加载中,请稍侯......
 加载中,请稍侯......