- Оригинальный адрес:The most uncommon HTML5 tags you can use right now
- Оригинальный автор:Pedro M. S. Duarte
- Перевод с:Программа перевода самородков
- Постоянная ссылка на эту статью:GitHub.com/rare earth/gold-no…
- Переводчик:lsvih
- Корректор:sophiayang1997
<!DOCTYPE html>HMLT5 был выпущен консорциумом World Wide Web Consortium (W3C) в октябре 2014 года. Он направлен на поддержку новейших мультимедийных устройств за счет улучшения языка HTML и улучшения понимания людей, исходя из того, что компьютеры и устройства (такие как веб-браузеры, парсеры и т.д.) можно разобрать читабельность.
Учебник по HTML:www.geekchamp.com
Я могу быть уверен, что вы уже используете HTML5 для веб-страниц и будете использовать некоторые общие теги, такие как<header>,<section>,<article>а также<footer>Подождите, в дополнение к этому, есть несколько менее часто используемых тегов, которые помогают в семантической разработке с использованием HTML5 правильно.
Здесь я перечислил некоторые из наиболее важных тегов, надеясь помочь вам в разработке семантики HTML5.
<details>
<details>Теги указывают, что пользователь может видеть или скрывать по требованию, и могут использоваться для создания виджетов, которые пользователь может включать и выключать. Семантически вы можете использовать любой тип контента в нем, но если вы не установите для него свойство open, контент не будет виден.
<details open><p>在预定时需要信用卡</p></details>
<dialog>
<dialog>Определяет диалоговый элемент или окно.
<dialog open><p>欢迎来到我们的酒店</p></dialog>
<mark>
<mark>Теги определяют текст, который будет помечен, и могут использоваться для выделения частей вашего текста.
<p>在<mark>预定</mark>时需要信用卡</p>
<summary>
<summary>Помечен как<details>Определяет видимый заголовок. Нажмите на этот заголовок, чтобы показать или скрыть<details>содержание.
<details><summary>支付条件</summary><p>在预定时需要信用卡</p></details>
<time>а также<datetime>
<time>Тег определяет удобочитаемую дату или время. Этот элемент также может кодировать дату или время в машиночитаемом виде, чтобы инструмент или программное обеспечение пользователя могли добавлять напоминания о днях рождения, запланированные события и т. д. в календарь пользователя. Кроме того, это позволяет поисковым системам генерировать более точные результаты поиска.
<p>自助早餐于 <time>7.00 AM</time> 在餐厅开始</p>
<p><time datetime="2018-06-20T19:00">6 月 20 日晚上 7 点</time>在大厅举行音乐会</p>
<small>
<small>Каноническая интерпретация метки, которую можно использовать для снижения важности текста или информации. Браузеры снизят визуальное воздействие, уменьшив размер шрифтов.
<p>取消预定必须提前 48 小时，<small>以免每房每夜的额外扣款</small></p>
<datalist>
ты можешь использовать это<datalist>элементы для определения<input>Список допустимых вариантов выбора в метке. Этот компонент выглядит немного по-разному в каждом браузере, но то же самое заключается в том, что справа от поля отображается небольшая стрелка раскрывающегося списка, указывающая, что поле доступно для выбора.кликните сюдаПроверьте эффект.
<datalist><option value="Master Card"><option value="Visa"><option value="American Express"></datalist>
<progress>
<progress>Элементы HTML отображают индикатор, показывающий ход выполнения задачи, обычно в виде индикатора выполнения.
<progress value="70" max="100">70 %</progress>
Программа перевода самородковэто сообщество, которое переводит высококачественные технические статьи из Интернета сНаггетсДелитесь статьями на английском языке на . Охват контентаAndroid,iOS,внешний интерфейс,задняя часть,блокчейн,товар,дизайн,искусственный интеллектЕсли вы хотите видеть более качественные переводы, пожалуйста, продолжайте обращать вниманиеПрограмма перевода самородков,официальный Вейбо,Знай колонку.