Каковы некоторые из наиболее часто используемых тегов HTML?

Question

Какие неотрицательные теги в html обычно используются неправильно?Как их использовать / чем их заменить?Было бы замечательно, если бы у нас было какое-то руководство, помогающее людям изучать HTML.

Ответ должен включать:

• HTML-тег в видном тексте
• how
• обычно неправильно используется * как мы можем избежать неправильного использования

Пожалуйста, только один тег на вопрос.Если вы уже видите свой тег в сообщении, не публикуйте его дважды, а вместо этого редактируйте другие комментарии о неправильном использовании в этом ответе.

Answer 1

<div> and <span>  <!-- no, really -->

Я видел довольно много страниц, которые используют теги <div> и <span> с прикрепленными классами CSS или даже встроенными CSS, чтобы полностью исключить более семантически заряженные теги, такие как <p>, <h2> и * 1006. *, даже если семантически заряженные теги были бы более подходящими. О семантических тегах можно думать только тогда, когда кто-то возвращается и думает о SEO.

Answer 2

<a>

Якорный тег должен использоваться только для ссылки на другое местоположение, а НЕ для запуска JavaScript.Если я попытаюсь открыть ссылку в новом окне и получить какой-то случайный JavaScript в моем URL-баре, я не буду счастлив.Встроенный javascript в атрибуте href еще хуже.

<a href='javascript:document.getElementById("foo").style.display="block"'>this is bad!</a>

Вместо этого используйте кнопки в качестве «крючков» для JavaScript.

---

Кроме того, избегайте ненужного текста внутри тегов привязки."Кликните сюда!"и «Перейти на страницу» - почти всегда плохой выбор.Используйте что-то вроде « посещение Stackoverflow », если ссылка должна стоять самостоятельно.В противном случае, вплетите это в сам контент. Блог Stackexchange имеет прекрасные примеры этого, как и этот пост.Использование лучшего текста ссылки может помочь SEO, доступности с программами чтения с экрана, удобству использования и удобству обслуживания.

Подробнее о правильном использовании тега привязки

Answer 3

<table>

Люди постоянно используют его для макета страницы, а не для отображения данных.

Answer 4

<label>

Не указывать атрибут for, если радио / флажок не находится внутри тегов.

Answer 5

<b>

<i>

Это не вопиющее, а использование <b> и <i> вместо <strong> и <em> соответственно.

В некоторых случаях предпочтительны <b> и <i>, но почти во всех случаях следует использовать <strong> и <em>, поскольку они передают значение (сильное или подчеркнутое), а не конкретный стильэто связано с тем, как они должны отображаться.

HTML-теги должны обозначать структуру и семантическое значение документа, а не предоставлять средства для его стилизации.Метод, с помощью которого <em> получает стиль, зависит от таблицы стилей.Его можно определить как em { font-weight: strong; font-variant: normal;}, и это нормально, поскольку дизайн может диктовать, как именно стилизованный текст должен быть стилизован.Использование тега <i> предполагает, что текст выделен курсивом и становится семантически бессмысленным, если вы применяете те же правила, что и выше (где <i>this is bold not italics<i>).

Answer 6

<font>

Существуют гораздо более эффективные способы изменения текста (в идеале CSS).

Редактирование: Я полагаю, это устарело, но я все равно оставлю его по той единственной причине, что этот тег следует убитьцеликом: D

И, надеюсь, чтобы компенсировать мою ошибку, я представляю свой новый ответ:

<small>/<big>

Answer 7

Оооо, вот и мы!

<center></center>
<h7></h7> <!-- People think these things go on forever ;) -->

Просто Google это: http://www.maximumpc.com/article/features/the_7_most_misused_html_tags_and_how_fix_them

Answer 8

<img> не так высоко оценивается, но вспоминайте каждый раз, когда вы видели изображение контента без альтернативного текста ...

И снова, когда он используется для макета вместо фактического отображения изображения, чтобы помочь тексту. Большинство людей, кажется, не знают, что если вы хотите отобразить изображение, которое не имеет функциональности, вы должны поместить его в свой CSS.

Answer 9

<meta> Многие сайты по-прежнему пытаются вставить ключевые слова в метатеги. Насколько я могу судить, наличие мета-ключевых слов на самом деле вредит вашему рейтингу Google, потому что Google не только игнорирует ваши мета-ключевые слова, но и ухудшает соотношение кода и контента. Хотя они редко используются, они менее полезны. Мета-описание является одним исключением - поисковые системы иногда ссылаются на него для быстрого описания.

Answer 10

<h*>

Многократное и нелепое использование <h1> на любой странице. Возможно, спецификация HTML должна пролить свет на эту тему.

Есть ли необходимость в <h6> на сайте? (Может быть, если вы писали отчет с несколькими вложенными заголовками?)