Атрибут src тега <audio> — адреса аудіофайлу

автор: с3с

Загальний опис

автор: NagarD

Синтаксис

<audio src="URL">

Атрибут src може отримувати єдине значення:

<audio src="URL">

URL аудіофайлу. Можливі значення:

  • Абсолютний URL - вказує на інший веб-сайт (наприклад, src="http://www.example.com/horse.ogg").
  • Відносний URL - вказує на файл в межах веб-сайту (наприклад, src="horse.ogg").
автор: с3с

Переглядачі

Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
3 3.5 3.1 10.5 12 9
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
3 18 4 3

Приклади

+ запропонувати свій приклад у пісочниці

HTML

<div>
<p> З використанням <code>src</code>: адреса файла стоїть у самому атрибуті теґа <code>&lt;source&gt;</code>. Файла тут немає, тож панель лишається порожньою.</p>
<p><audio controls preload = "auto">
    Ваш браузер не підтримує тег audio.
</audio></p>
</div>

<div>
  <p> Без <code>src</code> плеєру просто нічого програвати.</p>
<p><audio controls preload = "metadata">
  
    Ваш браузер не підтримує тег audio.
</audio></p>
</div>

CSS

div{
  float:left;
  padding:10px;
  border: 1px solid #ff0000;
}
автор: с3с

Чотири плеєри з тим самим коротким сигналом: адреса в src, той самий звук через <source> (перший, ogg, переглядач пропустить за type), зламаний src разом зі справним <source> — і плеєр мертвий, бо src переважає, — і врешті теґ без controls, якого на сторінці просто немає. Різницю між робочим і мертвим видно за тривалістю: у перших двох 0:01, у третього 0:00.

HTML

<p class="lbl">1. Звичайний випадок: адреса у src</p>
<audio controls src="data:audio/wav;base64,UklGRlQRAABXQVZFZm10IBAAAAABAAEAoA8AAKAPAAABAAgAZGF0YTARAACAgIKBf3t6f4aKhn10c3yKko1+bWp3jJqVgGlhcIyhn4RmWGiKp6iLZVBehqyylGZJVICuvJ5pQkh4r8Wpbj49bq3OtnY7MWGp1cOAOydUotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgA=="></audio>

<p class="lbl">2. Той самий звук через source: ogg переглядач пропустить за type,
    не завантажуючи його</p>
<audio controls>
    <source src="data:audio/ogg;base64,QQ==" type="audio/ogg">
    <source src="data:audio/wav;base64,UklGRlQRAABXQVZFZm10IBAAAAABAAEAoA8AAKAPAAABAAgAZGF0YTARAACAgIKBf3t6f4aKhn10c3yKko1+bWp3jJqVgGlhcIyhn4RmWGiKp6iLZVBehqyylGZJVICuvJ5pQkh4r8Wpbj49bq3OtnY7MWGp1cOAOydUotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgA==" type="audio/wav">
    Цього тексту не побачить ніхто.
</audio>

<p class="lbl">3. Зламаний src разом зі справним source — плеєр мертвий:
    src переважає, і до source черга не доходить</p>
<audio controls src="data:audio/wav;base64,QQ==">
    <source src="data:audio/wav;base64,UklGRlQRAABXQVZFZm10IBAAAAABAAEAoA8AAKAPAAABAAgAZGF0YTARAACAgIKBf3t6f4aKhn10c3yKko1+bWp3jJqVgGlhcIyhn4RmWGiKp6iLZVBehqyylGZJVICuvJ5pQkh4r8Wpbj49bq3OtnY7MWGp1cOAOydUotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgA==" type="audio/wav">
    І цього тексту теж ніхто не побачить.
</audio>

<p class="lbl">4. Той самий робочий звук, але без controls — рамка нижче порожня,
    бо елемент займає 0×0</p>
<div class="box"><audio src="data:audio/wav;base64,UklGRlQRAABXQVZFZm10IBAAAAABAAEAoA8AAKAPAAABAAgAZGF0YTARAACAgIKBf3t6f4aKhn10c3yKko1+bWp3jJqVgGlhcIyhn4RmWGiKp6iLZVBehqyylGZJVICuvJ5pQkh4r8Wpbj49bq3OtnY7MWGp1cOAOydUotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gMndrV4mMHXB3rdpKytpt97BdTAmXq3dyYA3I1Oi2tCLPyJJl9XVl0kiP4vQ2qJTIzeAyd2tXiYwdcHet2krK2m33sF1MCZerd3JgDcjU6La0Is/IkmX1dWXSSI/i9DaolMjN4DJ3a1eJjB1wd63aSsrabfewXUwJl6t3cmANyNTotrQiz8iSZfV1ZdJIj+L0NqiUyM3gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgA=="></audio></div>

CSS

.lbl {
    margin: 18px 0 6px;
    max-width: 520px;
    color: #5a6472;
    font-size: .95em;
}

audio {
    width: 300px;
    max-width: 100%;
}

.box {
    display: inline-block;
    min-width: 300px;
    padding: 10px;
    border: 2px dashed #d64545;
}

.box::after {
    content: "тут стоїть <audio> без controls — і його не видно";
    color: #c0392b;
    font-size: .9em;
}
автор: NagarD

Різниця між HTML 4.01 та HTML5

Атрибут src для тега <audio> з'явився тільки у HTML5. </audio>

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~		 Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень		 Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле веде сходинками (розділ → тип → сторінка), а хибний ключ підкреслить хвилею.
[[!sandbox/S0oh1hBm]] Живий приклад окремим рядком — саме вікно результату. Той самий ключ зі знаком !: наберіть [[! і дійдіть сходинками до потрібної сторінки, список покаже її приклади.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```		 Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження		 Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox		 Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає		 Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.		 Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||		 Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Правка
Зворотний зв'язок
Вхід