<content>

  • Revision slug: Web/HTML/Element/content
  • Revision title: <content>
  • Revision id: 495411
  • Created:
  • Creator: kscarfone
  • Is current revision? No
  • Comment

Revision Content

Summary

The HTML content element <content> is used with shadow trees as an insertion point.

For more information about shadow trees, see the Shadow DOM draft specification.

Attributes

This element includes the global attributes.

select

resetstyleinheritance

Examples

Text goes here.

More text goes here.

Specifications

Currently part of a draft specification, Shadow DOM.

Browser compatibility

{{CompatibilityTable}}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}

See also

  • Web components: {{HTMLElement("decorator")}}, {{HTMLElement("element")}}, {{HTMLElement("shadow")}}, {{HTMLElement("template")}}
{{HTMLRef}}

Revision Source

<h2 id="Summary" name="Summary">Summary</h2>
<p>The <strong><a href="/en-US/docs/Web/HTML">HTML</a> content element <code>&lt;content&gt;</code></strong> is used with shadow trees as an insertion point.</p>
<p>For more information about shadow trees, see the <a href="http://www.w3.org/TR/shadow-dom/">Shadow DOM draft specification</a>.</p>
<ul class="htmlelt">
 <li><dfn><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></dfn> <a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content">Transparent content</a>.</li>
 <li><dfn>Permitted content</dfn> ???</li>
 <li><dfn>Tag omission</dfn> {{no_tag_omission}}</li>
 <li><dfn>Permitted parent elements</dfn> ???</li>
 <li><dfn>DOM interface</dfn> {{domxref("HTMLContentElement")}}</li>
</ul>
<h2 id="Attributes" name="Attributes">Attributes</h2>
<p>This element includes the <a href="/en-US/docs/Web/HTML/Global_attributes">global attributes</a>.</p>
<p>select</p>
<p>resetstyleinheritance</p>
<h2 id="Examples" name="Examples">Examples</h2>
<p>Text goes here.</p>
<pre class="brush: html">
More text goes here.
</pre>
<h2 id="Specifications" name="Specifications">Specifications</h2>
<p>Currently part of a draft specification, <a href="http://www.w3.org/TR/shadow-dom/">Shadow DOM</a>.</p>
<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Feature</th>
    <th>Chrome</th>
    <th>Firefox (Gecko)</th>
    <th>Internet Explorer</th>
    <th>Opera</th>
    <th>Safari (WebKit)</th>
   </tr>
   <tr>
    <td>Basic support</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
   </tr>
  </tbody>
 </table>
</div>
<div id="compat-mobile">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Feature</th>
    <th>Android</th>
    <th>Firefox Mobile (Gecko)</th>
    <th>IE Phone</th>
    <th>Opera Mobile</th>
    <th>Safari Mobile</th>
   </tr>
   <tr>
    <td>Basic support</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
    <td>{{CompatUnknown}}</td>
   </tr>
  </tbody>
 </table>
</div>
<h2 id="See_also" name="See_also">See also</h2>
<ul>
 <li>Web components: {{HTMLElement("decorator")}}, {{HTMLElement("element")}}, {{HTMLElement("shadow")}}, {{HTMLElement("template")}}</li>
</ul>
<div>
 {{HTMLRef}}</div>
Revert to this revision