HTML таг selectedcontent

Пример

Кратък пример как се използва тагът <selectedcontent>.

<article class="blog-post">
  <h1>Как да използваме &lt;selectedcontent&gt;</h1>
  <p>Това е пълното съдържание на статията.</p>

  <selectedcontent data-source="blog-post-123" data-type="summary">
    <h2>Накратко</h2>
    <p>Този абзац представлява избрано съдържание, което може да се показва
    в списъци със статии, търсене или препоръки.</p>
  </selectedcontent>

  <p>Останалата част от статията...</p>
</article>

Дефиниция и употреба

Тагът <selectedcontent> е нестандартен (custom) HTML елемент, който може да се използва за маркиране на „избрано“ или „подчертано“ съдържание в рамките на по-голям документ – например откъс, резюме, препоръчани части от текст или съдържание, което трябва да бъде показвано в други изгледи (търсене, препоръки, списъци с резултати и др.).

Обичайният начин на употреба е:

• Да се постави вътре в друг контейнер (напр. <article>, <section>, <div>).
• Да съдържа HTML елементи като заглавия, параграфи, изображения, бутони и др., които представляват „избраното“ съдържание.
• Да се стилизира чрез CSS по същия начин, както всеки друг елемент (напр. selectedcontent { display: block; }).
• Да се обработва чрез JavaScript – например да се намират всички <selectedcontent> елементи и да се използват за генериране на списък с препоръчани материали.

Тъй като <selectedcontent> не е част от официалния HTML стандарт, той се третира от браузърите като неизвестен елемент, но все пак се рендерира в DOM. За по-добра съвместимост обикновено се задава display: block; в CSS, за да се държи като стандартен блоков контейнер. Може да се използва и като Web Component, ако бъде дефиниран чрез customElements.define() в JavaScript, което позволява добавяне на собствена логика, шаблони и поведение.

Browser Support

Browser	Поддръжка
Chrome	✔️ (като custom елемент)
Firefox	✔️ (като custom елемент)
Edge	✔️ (като custom елемент)
Safari	✔️ (като custom елемент)
Opera	✔️ (като custom елемент)

Атрибути