Атрибут contenteditable тега <acronym>

Описание

Атрибут contenteditable позволяет сделать текст внутри тега <acronym> редактируемым прямо в браузере. Хотя это нестандартное использование для устаревшего тега, технически возможно.

Синтаксис:

<acronym contenteditable="true" title="Полное значение">Акроним</acronym>

Значения атрибута:

Значение Поведение
true Разрешает редактирование текста акронима
false Запрещает редактирование (по умолчанию)
inherit Наследует поведение от родительского элемента

Примеры использования:

1. Редактируемый акроним:
<p>Отредактируйте термин: <acronym contenteditable="true" title="As Soon As Possible">ASAP</acronym></p>
2. Нередактируемый акроним внутри редактируемого блока:
<div contenteditable="true"> Этот текст можно редактировать, но <acronym contenteditable="false" title="For Your Information">FYI</acronym> - нельзя. </div>

Особенности:

  • Редактируется только текст акронима, а не атрибут title
  • Изменение акронима может сделать его некорректным
  • Требует JavaScript для сохранения изменений
  • Лучше работает с современным тегом <abbr>

Рекомендации:

  • Используйте только в специальных редакторах контента
  • Для учебных целей сочетайте с атрибутом spellcheck
  • Избегайте в production-коде
  • Вместо этого создавайте специализированные элементы интерфейса

Практический пример с CSS:

<style> acronym[contenteditable="true"] { background-color: #ffffcc; padding: 0 2px; border-radius: 3px; } acronym[contenteditable="true"]:focus { outline: 2px solid #4d90fe; } </style> <p> Редактируемый термин: <acronym contenteditable="true" title="Uniform Resource Locator">URL</acronym> </p>

Ограничения:

  • Не поддерживает редактирование атрибута title
  • Может нарушать семантику акронима
  • Ограниченная поддержка в мобильных браузерах
  • В HTML5 рекомендуется использовать <abbr>