Введение статьи Wulin.com (www.vevb.com): веб -страница похожа на дом, структура HTML - это стены один за другим, а теги - кирпичи. Кирпичи должны быть размещены в упорядоченном и аккуратном манере, чтобы стены были твердыми. Наконец, CSS - это декоративный материал, и это зависит от нее, является ли он красивым или нет. Поэтому нам необходимо иметь отличную веб -страницу, которая не только обеспечивает чистую и четкую структуру HTML, но и неотъемлемая от окончательного благоустройства CSS.
Некоторое время назад, когда я просмотрел онлайн, я обнаружил, что в вопросах по набору в эксплуатацию нескольких внутренних интернет-гигантских компаний все еще упоминается о проблеме семантики лейбла. Эта тема уже клише, но есть еще много проблем. Это сводится к привычке. Я слишком ленив, когда у меня есть время, поэтому я просто пишу код, не рассматривая его. Я знаю, что был неправ! Детская обувь, мы должны сделать семантику лейбла привычкой! Сегодня я буду популяризировать семантику лейблов и поощрять себя не смущать весь день!
В веб -дизайне мы часто слышим семантизация термина. Дизайнерское мышление о семантической семантической жизни HTML на самом деле для использования наиболее подходящего и подходящего тега для определенного фрагмента контента. Таким образом, независимо от того, кто это, вы можете понять, что это за кусок контента.
Веб -страница похожа на дом. Структура HTML составляет стены один за другим, а теги - кирпичи. Кирпичи должны быть размещены в упорядоченном и аккуратном манере, чтобы стены были твердыми. Наконец, CSS - это декоративный материал, и это зависит от нее, является ли он красивым или нет. Поэтому нам нужно иметь отличную веб -страницу, которая не только обеспечивает чистую и четкую структуру HTML, но и неотъемлемой частью от окончательного благоустройства CSS.
Вышеуказанное также показывает, что семантика тегов чрезвычайно важна. Каждый тег в HTML имеет свою семантику и свою собственную сферу применения. Но это часто игнорируется или злоупотребляет нами. Например: на странице их есть десятки или даже сотни. Это бессмысленная метка, которая представляет только слой, который очень неблагоприятно для последующего обслуживания; В то время как тег <tail> является тегом данных, и когда пришло время использовать его, мы должны смело использовать его.
Преимущества семантики теговУ вас есть бесчисленные причины использовать Tag Semantics:
HTML TAG SEMANTICS РезюмеЧтобы использовать семантику тегов быстрее и лучше, в следующей форме перечислены все теги HTML и описания тегов. Следующий список расположен в алфавитном порядке, где новый: новая тег в HTML5.
Описание тега
<!-…-> Определите комментарии.
<! Doctype> Определяет тип документа.
<a> Определите гиперссылку.
<abbr> Определите аббревиатуру.
<Abreonny не поддерживается в HTML 5. Определите аббревиатуру.
<drade> Определяет элемент адреса.
<pplet> не поддерживается в HTML 5. Определить апплет.
<область> определяет область на карте изображений.
<статья> определить статью.
<в сторону> определяет контент вне содержимого страницы.
<Audio> Определяет звуковой контент.
<b> Определите смелый текст.
<Base> определяет базовый URL для всех ссылок на странице.
<BaseFont> не поддерживается в HTML 5. Вместо этого используйте CSS.
<bdi> Определите текстовую ориентацию текста, чтобы он был установлен из направления окружающего текста.
<bdo> Определите направление текстового отображения.
<Big> не поддерживается в HTML 5. Определите большой текст.
<BlockQuote> Определите длинные ссылки.
<body> определяет элемент тела.
<br> вставьте разрывы линии.
<tood> Определяет кнопку.
<Canvas> Определяет график.
<Подпись> Определяет заголовок таблицы.
<Center> HTML 5 не поддерживается. Определяет центрированный текст.
<cite> Определяет ссылку.
<code> Определяет текст компьютерного кода.
<COL> определяет свойства столбца таблицы.
<colgroup> определяет группировку столбцов таблицы.
<Команда> Определяет кнопку команды.
<datalist> определяет раскрывающий список.
<dd> Определите описание определения.
<LEL> Определяет DELETE TEXT.
<petile> Определяет детали элемента.
<dfn> Определение определяет проект.
<Dir> не поддерживается в HTML 5. Определите список каталогов.
<div> определяет часть документа.
<dl> Список определения определения.
<dt> определяет определенный элемент.
<em> Определение подчеркивает текст.
<Embed> Определите внешний интерактивный контент или плагин.
<Fieldset> определяет Fieldset.
<FigCaption> Определяет заголовок элемента фигура.
<cirigure> определяет группировку медиа -контента, а также их названия.
<font> не поддерживается в HTML 5.
<chooler> определяет нижний колонтитул секции или страницы.
<form> определяет форму.
<Frame> HTML 5 не поддерживается. Определяет субворот (кадр).
<Frameset> не поддерживается в HTML 5. Определяет набор структур.
<h1> к <H6> Определите заголовок 1 на заголовок 6.
<head> Определяет информацию о документе.
<Header> определяет заголовок раздела или страницы.
<hgroup> определяет информацию о разделах в документе.
<hr> Определите горизонтальную линию.
<html> определить документ HTML.
<i> Определите курсивный текст.
<iframe> Определяет детское окно (кадр) в строке.
<mmg> Определите изображение.
<Input> Определяет поле ввода.
<ins> определяет текст вставки.
<keygen> определяет сгенерированный ключ.
<SINDEX> не поддерживается в HTML 5. Определяет поле ввода для одной линии.
<KBD> Определяет текст клавиатуры.
<BABEL> Определяет метку управления формой.
<Legend> определяет заголовок в Fieldset.
<li> Определите элемент списка.
<NINK> Определяет ссылку на ресурсы.
<Map> определить карту изображения.
<Mark> определяет отмеченный текст.
<меню> Определить список меню.
<Teta> Определяет мета -информацию.
<meter> определяет метрику в пределах предопределенного диапазона.
<Av> Определить навигационные ссылки.
<noframes> не поддерживается в HTML 5. Определите часть noframe.
<noscript> определяет часть Noscript.
<object> определяет встроенный объект.
<ol> определяет упорядоченный список.
<ptgroup> определяет опционную группу.
<опция> определяет параметры в раскрывающемся списке.
<suput> определяет некоторые типы вывода.
<p> Определить параграфы.
<Param> Определяет параметры для объекта.
<pre> Определите предварительный текст.
<Sprocy> определяет прогресс любого типа задачи.
<q> определяет короткие ссылки.
<rp> Определите содержимое, отображаемое элементом Ruby, если браузер не поддерживает браузер.
<rt> определяет объяснение комментариев Ruby.
<Ruby> определяет комментарии Ruby.
<s> не поддерживается в HTML 5. Определяет текст с помощью ударного.
<SAMP> Определите пример компьютерного кода.
<Script> определяет скрипт.
<section> определяет раздел.
<SELECT> Определяет необязательный список.
<mall> рендеринг -сторона комментарии как маленький текст.
<source> Определяет источник носителя.
<pran> определяет раздел в документе.
<strike> не поддерживается в HTML 5. Определяет текст с помощью ударения.
<strong> Определение подчеркивает текст.
<style> определяет определение стиля.
<sub> определяет текст индекса.
<summary> Определяет заголовок элемента деталей.
<sup> Определить текст SuperScript.
<Таблица> Определяет таблицу.
<Tbody> определяет тело таблицы.
<TD> Определяет табличную ячейку.
<Textarea> Определить Textarea.
<tfoot> определяет сноски таблицы.
<Th> определяет заголовок.
<Head> определяет заголовок.
<Time> Определите дату/время.
<title> определяет заголовок документа.
<Tr> определяет таблицы строк.
<crack> определяет текстовую дорожку, используемое в медиаплеере.
<TT> не поддерживается в HTML 5. Определяет текст пишущей машинки.
<u> Не поддерживается в HTML 5. Определить подчеркнутый подчеркнутый текст.
<ul> Определите неупорядоченный список.
<VAR> Определяет переменную.
<dive> Определяет видео.
<xmp> не поддерживается в HTML 5. Определите предварительный текст.