Сильные и б элементы

  1. Семантический HTML
  2. веб-сканер или бот
  3. SEO

Здесь я представлю семантический HTML - главное продвижение по сравнению с HTML 4.01.

Возьмите следующее:

Этот текст выделен жирным шрифтом . Этот текст выделен жирным шрифтом . <strong> Этот жирный текст </ strong> указан в сильных тегах. <b> Этот жирный текст </ b> находится в тегах b.

Они оба делают текст жирным. С точки зрения презентации они идентичны. Так почему же два элемента делают одно и то же?

Они могут выглядеть одинаково для людей, но веб-сканеры или боты - эта важная вторая аудитория - видят что-то совсем другое. Когда поисковая система спайдеров и анализирует страницу, текст в тегах <strong> считается важным. Текст в тегах <b> не является. *

Скажем, вы делаете страницу на "Digitigradient". Я не могу представить, почему вы хотели бы, но если бы вы сделали, вы могли бы включить следующее:

Digitigradient глагол - чтобы ходить на пальцах ног, как собака или кошка.

Помещая «Digitigradient» в теги <strong>, вы сообщаете сканерам, что «Digitigradient» важен для значения страницы, в то время как «глагол» в тегах <b> - нет. Размещение «Digitigradient» в сильных тегах дает ему «сильный» смысловой вес.

Словарь определяет семантику как «изучение значения ». На веб- семантика вкладывает смысл в HTML - это означает, что поисковые машины могут использовать для оценки SEO страницы.

Семантика не нова для HTML5. Веб-дизайнеры всегда имели определенный контроль над тем, что делали боты, и не считали значимым. Например, что-либо в тегах <h1> считается более важным, чем что-то в, скажем, тегах <h6>, но HTML5 выводит семантику на совершенно новый уровень.

Одним из самых больших изменений в HTML5 по сравнению с предыдущими версиями является добавление новых элементов «section»: заголовок , навигационный , статья , нижний колонтитул , в сторону а также раздел , Для посетителей сайта они работают так же, как теги <div> (которые мы изучаем далее, за которыми следуют элементы раздела), но, как и <b>, <DIV> семантически нейтрален Новые элементы раздела придают смысл их содержанию.

К сожалению, только то, что это значение не совсем ясно - по крайней мере, пока. Я думаю, мы можем предположить, что что-то в заголовке имеет больший вес, чем что-то в нижнем колонтитуле, но мне еще предстоит найти какое-либо правило, где это указано явно. **

Я предполагаю, что со временем использование установит, что значит что. Включение семантики в HTML5 - это хорошая идея - идея, которая должна развиваться и развиваться, но, тем не менее, очень хорошая идея.

Не нужно ждать, чтобы воспользоваться семантикой HTML5, даже если она немного расплывчата. Вы можете использовать элементы strong и b (в сильных тегах), как я предлагаю, и принятие новых элементов раздела теперь сделает ваши сайты более совместимыми на долгие годы. С одним небольшим предупреждением (см. Ниже *** ), новые элементы раздела совместимы со всеми современными браузерами.

Добро пожаловать в мутные воды веб-семантики. Имейте в виду, что вы изучаете HTML5, пока он еще находится на стадии разработки - и сейчас самое время это сделать, но любое программное обеспечение, находящееся в стадии бета-тестирования, имеет некоторые недостатки.

В любом случае, вы можете сделать текст жирным шрифтом со всей уверенностью в мире.

Семантический HTML

Семантический HTML - это использование разметки HTML для усиления семантики или значения информации на веб-страницах, а не просто для определения ее представления.
википедия

веб-сканер или бот

Сканер - это компьютерная программа, которая методично и автоматически просматривает Всемирную паутину.
википедия

SEO

Поисковая оптимизация - проектирование страниц с высоким рейтингом в результатах поиска.
википедия · Google

* Вооружившись этой новой информацией, не думайте, что заполнение страницы ключевыми словами в надежных тегах позволит вашей странице занять первое место в Google. Не будет Это всего лишь одна из многих вещей, которые вы можете сделать, чтобы получить рейтинг вашей страницы.

** Если вы знаете что-то об этом, я не знаю, пожалуйста свяжитесь со мной ,

*** Чтобы новые элементы работали в IE7 и IE8, вам нужно добавить то, что называется "html5shim" к голове. Посмотрите в исходный код этой страницы, чтобы увидеть, как. Новые элементы не работают ни в одном IE ранее, чем IE7.

Так почему же два элемента делают одно и то же?