Какие теги non-debrecated в html обычно используются неправильно? Как их использовать или что они должны быть заменены? Было бы здорово, если бы у нас был какой-то справочник, помогающий людям изучать HTML.
Ответ должен включать:
Пожалуйста, укажите только один тег для каждого вопроса. Если вы уже видите свой тег в сообщении, пожалуйста, не делайте двойного сообщения и вместо этого редактируйте свои другие комментарии о неправильном использовании в этом ответе.
<div> and <span> <!-- no, really -->
Я видел довольно много страниц, которые используют теги <div> и <span> с прикрепленными классами CSS или даже встроенными CSS для полного исключения более семантически заряженных тегов, таких как <p>, <h2> и <em>, даже если семантически заряженные теги будут более подходящими. Единственный раз, о котором даже думают смысловые теги, - это когда кто-то возвращается и думает о SEO.
<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, доступность с экрана чтения, общая удобство использования и ремонтопригодность.
<table>
Люди постоянно используют его для макета страницы, а не для отображения данных.
<label>
Не указывать атрибут for, если радио/флажок не находится в тегах.
<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>).
<font>
Есть гораздо более эффективные способы изменения текста (в идеале CSS).
Изменить: я думаю, устарел, но я все равно оставлю его только по той причине, что этот тег должен быть полностью убит: D
И, надеюсь, компенсировать свою ошибку, я представляю свой новый ответ:
<small>/<big>
Ох, вот мы идем!
<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
<meta> Множество сайтов по-прежнему пытаются помещать ключевые слова в метатеги. Насколько я могу судить, мета-ключевые слова на самом деле вредят вашему ранжированию в Google, потому что Google не только игнорирует ваши мета-ключевые слова, но и болит ваш код в отношении содержания. Хотя они редко используются, они более полезны. Мета-описание - одно исключение. Поисковые системы иногда ссылаются на него для быстрого описания.
<img> не оценивает это высоко, но подумайте каждый раз, когда вы увидели изображение контента, без alt text...
И снова, когда он использовался для компоновки вместо фактического отображения изображения, чтобы помочь тексту. Большинство людей не знают, что если вы хотите отобразить изображение, которое не имеет функциональности, вы должны поместить его в свой CSS.
<h*>
Несколько и нелепо, использование <h1> на любой заданной странице. Возможно, спецификация HTML должна пролить свет на эту тему.
Есть ли необходимость в <h6> на веб-сайте? (Возможно, если вы пишете отчет с несколькими вложенными заголовками?)
<imagemap>
<imagemap> - это, в основном, тег связывания, в который можно щелкнуть различные части изображения, чтобы перейти к различным ссылкам. Это может показаться привлекательным, но, учитывая первого пользователя, который отправляется на веб-сайт, он/она может не знать, куда нажать, а какая часть изображения займет у человека. Если пропускная способность интернет-пользователей меньше, и изображение не может быть загружено, это делает вещи еще хуже.
Следовательно, этот тег следует использовать только в тех местах, где изображение самоочевидно, например, карты.
Это немного старые данные, но я думаю, что это может быть в основном точным на сегодняшний день: http://code.google.com/webstats/2005-12/elements.html
В соответствии с этим наиболее используемые элементы представления br и таблица со своими дочерними элементами.
<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>
Bare <li> теги используются неправильно, потому что каждый браузер предоставит вам работоспособный список, без надлежащей упаковки их в упорядоченные/неупорядоченные теги списка или их правильное оформление.
Привет, он работает здесь. см!