Собранные и обобщенные новые возможности HTML5 в принципе можно использовать, за исключением IE9 и ниже.
Синтаксис HTML5Большинство грамматических различий html продолжаются: <!DOCTYPE html> в начале.
<html lang=zh-CN><мета-кодировка=utf-8>
Кодировка символов становится лаконичной,
Не чувствителен к регистру,
Добавлены логические значения, аналогичные отмеченным и выбранным.
Кавычки можно опускать, но согласно стандартам кодирования это не рекомендуется.
Есть теги, в которых можно опускать конечный символ, и теги, которые можно опускать полностью.
Добавить теги: 1. Тег структуры(1) Раздел: независимый блок контента, который может состоять из h1~h6 для представления структуры документа. Он также может иметь главы, заголовки, нижние колонтитулы или другие части заголовка. (2) статья: специальный независимый блок, который представляет собой; Основное содержание в заголовке этой статьи (3) в стороне: содержимое тега связано с содержимым тега; вспомогательная информация; (4) заголовок: информация заголовка/заголовок определенного блока; (5) hgroup: дополнительное содержимое информации заголовка/заголовка; (6) нижний колонтитул: нижняя информация; (7) nav: информация о части панели навигации (8). рисунок: независимый блок, например новостной блок с картинками и контентом.
2. Теги формы(1) электронная почта: необходимо ввести адрес электронной почты; (2) URL: необходимо ввести URL-адрес; (3) число: необходимо ввести числовое значение (4) диапазон: необходимо ввести числовое значение в определенном диапазоне; ; (5) Выбор даты: выбор даты;
a.date: выберите день, месяц, год b.month: выберите месяц, год c.week: выберите неделю и год d.time: выберите время (часы и минуты) e.datetime: выберите время, день, месяц, год ( время по всемирному координированному времени) f.datetime-local: выберите время, день, месяц, год (местное время).
(6) Поиск: поиск в обычных текстовых полях;
(7) цвет: цвет
3. Медиа-теги(1) видео: видео (2) аудио: аудио (3) внедрение: встроенный контент (включая различные носители), Midi, Wav, AU, MP3, Flash, AIFF и т. д.
4. Другие функциональные метки(1) метка: отметка (например, маркер для заметок) (2) прогресс: индикатор выполнения; <максимум прогресса = значение максимального значения индикатора выполнения = значение текущего индикатора выполнения> (3) время: метка данных, используется по поисковым системам Дата выпуска <time datetime=2014-12-25T09:00>9:00</time> Дата обновления <time datetime=2015- 01-23T04:00 pubdate>4:00</time> (4) Ruby и RT: комментарий к определенному слову; <ruby><rt>Содержимое комментария</rt><rp>Как отобразить, когда браузер его не поддерживает< /rp>< /ruby> (5) wbr: мягкий разрыв строки, разрыв строки, когда ширина страницы достигает требуемого разрыва строки; (6) холст: используйте код JS для создания содержимого для рисования изображения; (7) команда: кнопка; (8) подробности : развернуть меню; (9) dateilst: всплывающее окно с текстовым полем; (10) генератор ключей: шифрование;
Новые свойства:Атрибуты добавлены в js.
<script defer src=.....js onload=alert('a')></script><script async src=.....js onload=alert('b')></script>Если вышеуказанных двух атрибутов нет, порядок выполнения заключается в том, чтобы сначала загрузить (скачать) первый src, затем выполнить его загрузку, а затем выполнить его синхронно вниз. Атрибут defer уже существует до h5 и ввести отложенную загрузку (отложенное выполнение). , сначала он загрузит (загрузит) src содержимое файла, а затем дождитесь полной загрузки страницы, затем загрузите атрибут js.async в onload, что представляет собой асинхронную загрузку. Он выполнит загрузку сразу после загрузки src и продолжит загрузку страницы в указанной выше последовательности выполнения. На дисплее предупреждений сначала отобразится b, затем отобразится a.
Добавьте код стиля маленького значка к метке на веб-странице.
<link rel=icon href=url... type=имя изображения, размеры=16*16>
Упорядоченный список ol: добавлено начало (начальное значение списка), обратный (независимо от того, перевернутый) атрибут типа меню (3 типа меню). Встроенный стиль CSS: определение блока стиля (с ограниченной областью действия) внутри тега, только для. Встроенный фрейм действителен только внутри Тег стиля: добавляются элемент iframe, бесшовный, без полей и без полей, а srcdoc определяет содержимое встроенного фрейма.
<iframe>Новые атрибуты: <!--seamless определяет фрейм без границ и полей--><!--srcdoc имеет более высокий уровень отображения, чем песочница--><!--песочница используется для указания уровня безопасности встроенный фрейм --><!--sandbox=allow-forms:Разрешить отправку Форма --><!--sandbox=allow-origin: Разрешить то же начало --><!--sandbox=allow-scripts: Разрешить выполнение скриптов --><!--sandbox=allow-top-navigation : разрешить переход внешних страниц -->
атрибуты манифеста:
Определите файлы автономного приложения, необходимые для страницы, обычно размещаемые в теге <html>.
атрибут кодировки:
Один из метаатрибутов, определяющий кодировку страницы.
Атрибут размеров:
<link>Новый атрибут используется для установки размера значка, когда ссылка имеет значение rel=icon.
базовый атрибут:
<base href=http://localhost/ target=_blank> означает, что когда страница открывается в новом окне, содержимое href будет добавлено в качестве префикса к адресу.
атрибут отсрочки:
Атрибут тега скрипта указывает, что после загрузки скрипта он будет выполнен только тогда, когда страница также будет загружена (отложенное выполнение).
асинхронный атрибут:
Атрибут тега сценария выполняется сразу после загрузки сценария (браузер будет анализировать следующий контент во время выполнения процесса), даже если страница не была загружена (асинхронное выполнение).
медиа-атрибут:
Атрибут элемента <a>: указывает, какое устройство оптимизировано.
Атрибут hreflang:
Атрибут <a> указывает язык, используемый URL-адресом, на который указывает гиперссылка.
атрибут ссылки:
Атрибут <a> определяет, является ли гиперссылка внешней ссылкой.
перевернутый атрибут:
Атрибут <ol> определяет, является ли серийный номер ретроспективным.
начальный атрибут:
Атрибуты <ol> определяют начальное значение порядкового номера.
атрибут с областью действия:
Атрибут встроенного стиля CSS. Определение этого стиля ограничено элементами со встроенным стилем. Подходит для одностраничной разработки.
Глобальные атрибуты HTML5: могут использоваться для любого тега, следующих 6
данные-ваше значение, скрытые, Spenllecheck, tabindex, contenteditable, desginMode;
Глобальные свойства:
1. Можно вставить непосредственно в тег: имя пользовательского атрибута data; скрытый (поместите его непосредственно, чтобы скрыть); tabindex=1 (порядок перехода по вкладке); contenteditable = true (можно редактировать состояние, щелкните содержимое, которое нужно изменить); 2. Вставьте window.document.designMode = 'on' в JavaScript (глобальное свойство JavaScript, текст всей страницы можно редактировать);
Подвести итог
Выше приведено краткое описание новых тегов и атрибутов HTML5, представленных редактором. Надеюсь, это будет вам полезно. Если у вас возникнут вопросы, оставьте мне сообщение, и редактор ответит вам вовремя. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!