Введение статьи Wulin.com (www.vevb.com): Я помню ужасный опыт. Страница была вложена дюжиной или дюжиной DOV. Это заставило меня почувствовать головокружение, когда я читаю это ... некоторые из них могут использовать теги Span, P и DOV. Те, кто может использовать H1 и HX, также используют DIV -теги. Это действительно без речи ... в настоящее время я надеюсь, что у разработчика есть некоторые концепции и действия «семантических тегов».
Я вижу, что некоторые требования по подбору персонала знакомы со словом веб -семантики и понимания/знакомых с веб -стандартами. Tag Semantics является частью веб-стандартов, поэтому я изменил пост, который я использовал, чтобы публиковать в парке блога, а затем опубликовал его ... Я надеюсь, что начинающие фронт-конечности могут знать, что есть такая вещь.
Я помню ужасающий опыт. Страница была вложена дюжиной или дюжиной DOV. Это заставило меня почувствовать головокружение, когда я смотрел это ... некоторые из них могут использовать теги Span, P и DOV. Те, кто может использовать H1 и HX, также используют DIV -теги. Это действительно без речи ... В настоящее время я надеюсь, что у разработчика есть некоторые концепции и действия семантических тегов ...
1: (Теория) Что такое семантический ярлык?
Семантические теги предназначены для того, чтобы попытаться использовать HTML -теги с соответствующими структурами, насколько это возможно. Возьмите стол в качестве примера:
<Таблица>
<tr>
<Td> потребительские предметы </td>
<TD> Сумма потребления </td>
</tr>
<tr>
<TD> Ешь </td>
<TD> 20 Юань </td>
</tr>
</table>
Вы видели, что не так с таблицей выше? Хе -хе, затем посмотри на этот семантический лейбл
<Таблица>
<Подпись> Потратьте бухгалтерский учет </Подпись>
<голова>
<tr>
<Th> потребительские предметы </th>
<Th> Сумма потребления </th>
</tr>
</head>
<tbody>
<TD> Ешь </td>
<TD> 20 Юань </td>
</tbody>
</table>
Теги этих двух частей кода разные. Коды тегов во второй таблице, несомненно, больше соответствуют веб -стандартам.
<Подпись>: заголовок таблицы;
<Head>: заголовок стола;
<Th>: заголовок столбца определенного столбца таблицы.
Давайте поговорим о том, к чему мы привыкли
<Title> Введение в Blog Park </title> <body> Blog Park - это технологический парк разработки программного обеспечения. Он был основан в 2004 году, здесь ... </body>
Послушайте, почему мы знаем, где название, когда мы читаем статью? На вершине браузера. Тогда почему поисковые системы могут ползти? Это то, что он знает, что название семантического тега <Title> - это статья. Если мы не соблюдаем это, вместо этого:
<pran> Введение в Blog Park </span> <pan> Blog Park - это технологический парк разработки программного обеспечения. Он был основан в 2004 году, здесь ... <pan>
Итак, как поисковые системы узнают, кто является названием и кто является содержанием? Как это полагается, чтобы захватить заголовок? На самом деле, семантика может быть не только семантикой маркировки, но и расширить их в структурную семантику. Например:
#left {float: left; марггинг-лето: 50px;}
#right {float: right; Margin-top: 100px;}
<div id = left> content .. </div>
<div id = right> content .. </div>
В этом примере именование ID немного преувеличено, но подобные ситуации делают некоторые. Когда мы хотим поставить #Left Div на правую сторону страницы и изменить позицию с #Right, можете ли вы изменить стиль на это?
#Left {float: right; margin-left: 50px;}
#right {float: left; margin-top: 100px;}
Было бы так неловко выглядеть так, и это будет вводить в заблуждение планировку этих двух DOV.
Это должно быть написано так.
<div id = main> content .. </div>
<div id = боковая панель> Содержание .. </div>
Таким образом, с первого взгляда ясно, какое содержимое в этих DEAP, и удобно изменить стили.
2: (Теория) Как насчет семантических ярлыков?
1. Лучшая структура, более благоприятная для ползания поисковой системы (оптимизация SEO) и техническое обслуживание разработчика (более высокое обслуживание из -за четкой структуры и простых в чтении).
2. Это более способствует чтению специальных терминалов (мобильные телефоны, личные помощники и т. Д.).
3: (действие) Что делать с семантическими ярлыками?
Постарайтесь использовать структурные значения и меньшую семантику, такую как <pan>, <div> бессмысленное, и вы не можете сказать, что это такое, но вы не можете увидеть, что это такое с первого взгляда. Вы можете сказать, что тег EM - это контент, который подчеркивается и отличается от различного содержимого.
Итак, как определить, соответствует ли ваша страница одним из веб -стандартов: семантические теги? Вы можете временно удалить стиль своей страницы и посмотреть, насколько читаемость. Если вы чувствуете, что ваша страница очень грязная в настоящее время, это означает, что семантический ярлык страницы не очень хорош. Если ваша страница все еще не грязная после удаления стиля, это означает, что структура вашей страницы ясна, а семантическая метка лучше.
Это только мое мнение. Я надеюсь, что люди, которые прочитали это, также выражают свои идеи, чтобы каждый мог знать ваши идеи и улучшить эту статью.