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

Ответ 1

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

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

Ответ 2

<a>

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

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

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

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

Узнайте больше о правильном использовании тега привязки

Ответ 3

<table>

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

Ответ 4

<label>

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

Ответ 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>).

Ответ 6

<font>

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

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

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

<small>/<big>

Ответ 7

Ох, вот мы идем!

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

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

Ответ 8

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

Ответ 9

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

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

Ответ 10

<h*>

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

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

Ответ 11

<imagemap>

<imagemap> - это, в основном, тег связывания, в который можно щелкнуть различные части изображения, чтобы перейти к различным ссылкам. Это может показаться привлекательным, но, учитывая первого пользователя, который отправляется на веб-сайт, он/она может не знать, куда нажать, а какая часть изображения займет у человека. Если пропускная способность интернет-пользователей меньше, и изображение не может быть загружено, это делает вещи еще хуже.

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

Ответ 12

Это немного старые данные, но я думаю, что это может быть в основном точным на сегодняшний день: http://code.google.com/webstats/2005-12/elements.html

В соответствии с этим наиболее используемые элементы представления br и таблица со своими дочерними элементами.

Ответ 13

<iframe>

Не получается:

<iframe src ="my_whole_site.html" width="100%" height="1500"></iframe>

лучше:

<iframe src ="a_subsection_of_my_site.html" width="100%" height="300"></iframe>

Ответ 14

Bare <li> теги используются неправильно, потому что каждый браузер предоставит вам работоспособный список, без надлежащей упаковки их в упорядоченные/неупорядоченные теги списка или их правильное оформление.