HTML5. Примечания: разница между HTML5 и традиционным HTML

В этой статье в основном представлена ​​соответствующая информация о разнице между HTML5 и традиционным HTML, которая является примечанием HTML5. Друзья, которые нуждаются в этом, могут ссылаться на следующий. Изменения в синтаксисе HTML5

Изменения, упомянутые в этой точке знаний, относятся к изменениям, определенным на HTML4, главным образом следующим образом:

1. Символ расширения файла (.html или .htm) HTML5 остается неизменным от типа содержимого (Text/HTML).

2. В HTML5, если вы намеренно не используете объявление версии, документ будет применим ко всем версиям HTML.

3. Начиная с HTML5, рекомендуется использовать UTF-8 для кодирования символов файлов.

4. HTML5 обеспечивает максимальную совместимость с предыдущими версиями HTML.

Чтобы обеспечить совместимость, нам нужно начать с элементов. В HTML5 тег элемента может быть опущен. С точки зрения его природы, знаки элементов разделены на три типа: не разрешено писать конечную оценку, конечная оценка может быть опущена, а стартовая отметка и конечный знак могут быть опущены.

• Элементы, которым не разрешается писать конечные оценки: область, база, Br, col ......

• Конечные теги: li, dt, dd, p, rt ...

• Начальная оценка и конечная отметка могут быть опущены: HTML, голова, тело ...

• Элемент раздела представляет собой блок содержимого на странице, такой как глава, заголовок, нижний колонтитул или другие части страницы;

• Элемент статьи представляет собой часть независимого контента на странице, которая не связана с контекстом, такой как статья в блоге или статья в газете;

• Помимо элемента представляет вспомогательную информацию, связанную с содержанием элемента статьи за пределами содержимого элемента статьи;

• Элемент заголовка представляет заголовок блока контента или всей страницы на странице;

• Элементы hGroup используются для объединения заголовка всей страницы или блока контента на странице;

• Элемент нижнего колонтитула представляет собой сноску на всю страницу или блок контента на странице. Вообще говоря, он будет содержать имя создателя, дату создания и контактную информацию создателя;

• Элемент NAV представляет часть навигационной ссылки на странице;

• Элемент рисунка представляет независимый раздел содержания потока, обычно представляющий независимую единицу в содержании потока тела документа. Используйте элемент FigCaption, чтобы добавить заголовок в группу элементов фигуры.

• Аудиоэлемент определяет аудио, например, музыка или другие аудиотоки;

• Встроенные элементы используются для вставки различных мультимедиа, а форматы могут быть MIDI, WAV, AU, MP3 и т. Д.;

• Элемент марки должен использоваться для визуального представления текста, который необходимо выделить или выделить пользователю. Типичным приложением является выделение ключевых слов поиска для пользователя в результатах поиска;

• Элемент прогресса представляет процесс работающего

• Рубиновый элемент представляет аннотацию рубины (китайское произношение или символы)

• Элемент RT представляет интерпретация или произношение символов (китайское произношение или символ)

• Элемент RP используется в комментариях Ruby для определения того, что отображается в браузерах, которые не поддерживают элементы Ruby.

• Элемент WBR представляет собой разрывы мягких линий, и когда ширина недостаточно, активно выполнять разрывы линии здесь.

• Элементы холста представляют графику, такую ​​как диаграммы и другие изображения

• Элемент Cammand представляет кнопку команды, такую ​​как радиопроизводство, флажок или кнопку

• Элемент деталей представляет данные, которые пользователь запрашивает и может получить.

• Элемент DataGrid представляет список дополнительных данных, который отображается в форме списка дерева

• элемент Keygen указывает генерацию ключа

• Выходной элемент представляет различные типы вывода, такие как выход сценария

• Исходный элемент определяет медиа -ресурс для элементов мультимедиа (например, <dive> и <Audio>)

• Элемент меню представляет список меню

• Тип электронной почты указывает поле ввода текста, в которое должен быть введен адрес электронной MAIN

• Тип URL Указывает поле ввода текста, которое должно быть введено в адрес URL -адреса

• Тип номера указывает поле ввода текста, которое необходимо ввести

• Тип диапазона указывает на то, что ввод текста, который должен быть введен в определенном диапазоне числовых значений.

HTML5 имеет несколько новых входных текстовых поксов для выбора дат и времени:

• Дата -выберите день, месяц и год

• Месяц - выберите месяц и год

• Неделя - Select Week and Year

• Время - выберите время (часы и минуты)

• DateTime - выберите время, день, месяц, год (время UTC)

• DateTime.local -Selectect Time, Day, Month, Year (по местному времени)

• Для таких элементов, как BaseFont, Big, Center, Font, S, Strike, TT и U, поскольку их функции используются исключительно для отображения экранов, а HTML5 выступает за единое редактирование функций дисплея экрана в листах стиля CSS, поэтому эти элементы устраняются.

• Для элементов кадров, элементов кадров и элементов Noframes, поскольку структура кадры оказывает негативное влияние на доступность веб -страницы, Frame Framework больше не поддерживается в HTML5, и поддерживается только фреймворк IFRAME, или форма композитной страницы, составленной из нескольких страниц, созданных сервером в одно и то же время.

• For applet, bgsound, blink, marquee and other elements, since only some browsers support these elements, especially bgsound and marquee elements, which are only supported by Internet Explorer, it is abolished in HTML 5. Where the applet element can be replaced by an erned element or an object element, the bgsound element can be replaced by an audio element, and marquee can be replaced by a JavaScript Метод программирования

• Отмените элемент RB и используйте рубиновый элемент, чтобы заменить его

• Отмените элемент аббревиатуры и используйте элемент ABBR, чтобы заменить его

• Отмените элемент DIR и используйте элемент UL, чтобы заменить его

• Отмените элемент Isindex и замените его на элемент формы и входной элемент.

• Отмените элементы листинга и используйте предварительные элементы, чтобы заменить их

• Отмените элемент XMP и используйте элемент кода, чтобы заменить его

• Отмените следующие элементы и вместо этого используйте гииды

• Отменить элементы открытого текста и использовать тип текста/Plian Mime, чтобы заменить

• Добавлен атрибут AutoFocus, который позволяет элементам автоматически получать фокусировку при открытии экрана с помощью атрибутов;

• Добавлен атрибут Placeholder, который будет предлагать пользовательскому вводу, побуждая пользователя то, что он может ввести;

• Добавьте новый атрибут формы, заявьте, к какой форме он принадлежит, а затем поместите его в любом месте на странице, а не в форме;

• Добавлен требуемый атрибут, что означает, что пользователь проверит при его отправке. У вас должен быть входной контент в элементе при проверке;

• Добавьте атрибут носителя, который указывает, почему целевой URL оптимизируется средством медиа/устройства типа и может использоваться только тогда, когда атрибут hREF существует;

• Добавить атрибуты hreflang и атрибуты REL, чтобы поддерживать согласованность с элементом и элементом ссылки;

• Атрибут Преподобный, который указывает список, который будет отображаться в обратном порядке;

• Добавьте асинхровый атрибут к элементу скрипта, который определяет, выполняется ли сценарий асинхронно;

• Все атрибуты, которые могут быть заменены листами в стиле CSS, отменены;

• Излишные атрибуты, такие как: цель, профиль, версия и т. Д., Отправляются;

В HTML5 добавлена ​​новая концепция «глобальных атрибутов». Так называемый глобальный атрибут относится к атрибутам, которые можно использовать на любом элементе.

• Это свойство позволяет пользователю редактировать контент в элементе, может получить фокус мыши, свойство является логическим значением, может быть указано как TRUE или FALSE. Кроме того, это свойство также имеет скрытый статус наследования. Когда это правда, разрешено редактирование. Когда ложно, редактирование не разрешено. Когда не указано, наследство примет решение.

• Это свойство используется для определения того, редактируется ли вся страница. Есть два атрибута включены и выключены. Когда собственность включена, его можно отредактировать, но когда оно не отключено, оно не может быть отредактировано.

• Все элементы позволяют скрытый атрибут, который похож на скрытый элемент во входном элементе. Его функция состоит в том, чтобы уведомить браузер не отображать элемент, чтобы элемент был невидимым. Стоимость этого свойства является логическим значением. Когда это правда, это не видно, и когда он неверно, это видно.

• Это свойство представляет собой новое свойство, предоставленное HTML 5 для элемента ввода (type = text) и textarea, которые в основном проводят проверки орфографии и грамматики на содержании ввода пользователя. Значение атрибута является логическим значением. При написании вы должны четко заявить, что значение атрибута верно или неверно. Метод написания следующим образом:

<! - Следующие два метода написания верны -> <textarea spellcheck = true> <input type = text chellcheck = false> <! - Следующие два метода написания ошибочны -> <textarea spellcheck>

В HTML4 подчиненные элементы в форме должны быть записаны внутри формы, но в HTML5 они могут быть записаны в любом месте на странице, а затем атрибут формы придается элементу, и значение атрибута является идентификатором формы, так что элемент может быть объявлен подчиненным указанной форме.

Скопировать код