В этой статье уделяется внимание html-тегам из предыдущей идеальной сказки. Они вредны, плохи и явно некрасивы, и их следует исключить из стандартного html. Чтобы сделать только половину работы, либо разрушьте браузер, либо используйте более простой и рекомендуемый новый. Этикетка.
Хотя в предыдущих базовых руководствах содержались предложения, соответствующие стандартам, новички имеют разные основы или неправильные упражнения. Вот краткое изложение.
HTML пытается перейти от производительности к семантике, а затем разделить семантику (HTML) и производительность (CSS). Это широко используется на веб-страницах, поскольку одна директива представления (файл CSS) может использоваться на многих страницах. Таким образом, веб-сайтом легче управлять, и если вы хотите изменить весь сайт, вам нужно изменить только простой код.
Некоторые вредоносные теги на самом деле представляют собой простые теги представления (например, маленькие), которые можно заменить кодом с тем же значением в CSS. Другие теги не являются выразительными, но они не нужны (например, тег шрифта) или вредны для удобства использования (например, моргание).
Теги
Теги, перечисленные ниже, могли бы использовать лучшие варианты:
Тег b означает жирный шрифт. Вместо этого вы можете использовать Strong или добавить шрифт-вес: жирный шрифт в CSS.
Я представляю элементы курсива, вместо них вы можете использовать em или добавить стиль шрифта: курсив в CSS.
Big используется для обозначения большого текста. Вместо этого вы можете использовать h1, h2 и т. д. Другие можно специально контролировать в cssfont-size.
Small используется для выражения небольшого текста и может контролироваться в cssfont-size.
hr представляет собой горизонтальную линию, которая может быть заменена в CSS на border-top или border-bottom, а также может быть представлена изображениями.
Все упомянутые выше теги соответствуют последним стандартам HTML, но не придают содержимому семантического значения. У них может быть больше применений, но они не приносят значительного вреда, и можно очень легко допустить ошибку, стоя на дрянных этикетках ниже.
u представляет подчеркнутый элемент. Он сохраняет подчеркнутый текст как связь, возможно, поэтому этот тег исчез, людям действительно не нравится, когда несвязный текст подчеркивается.
center может центрировать элемент. Свойство CSS text-align может не только центрировать по центру, но также выравнивать по левому, правому краю и по выравниванию. Menu используется для создания списка меню. Он делает это лучше, чем ul, но неупорядоченные списки встречаются чаще, и ul заменяет меню.
Элемент Layer очень похож на элемент div, но он работает только в старых версиях браузеров Netscape и малопригоден.
мигать или выделяться. Скажите им твердое нет.
Шрифт можно использовать для определения имени, размера и цвета шрифта. Старые веб-сайты (и даже текущие), которые постоянно используют теги шрифтов по всей странице, подобны чуме термитов. Некоторые программы для создания веб-страниц размещают теги шрифтов вокруг каждого элемента, чтобы контролировать цвет или размер текста. Используйте тег шрифта, чтобы применить его к каждому элементу. Если он выражен в CSS, он занимает всего лишь простое предложение, и его можно изменить на всем сайте. Используя этот метод, вы можете не только уменьшить размер веб-страницы, но и изменить содержимое, представленное шрифтом, изменив простой оператор CSS. Это позволяет сохранить единообразие стиля сайта. Теги шрифтов и неправильное использование таблиц являются основными причинами раздутия веб-страниц.
Атрибуты
Возможно, вы правильно используете этикетки, но они обладают некоторыми раздражающими паразитными свойствами, которые могут привести к появлению неприятного вкуса.
name присваивает элементу имя, которое отлично работает с элементами формы, такими как ввод, но в других местах работу имени берет на себя атрибут id.
text и bgcolor используются для указания основного цвета текста и цвета фона открытого тега body. Свойства цвета и цвета фона в CSS можно хорошо применить к селектору тела.
Background может указать фоновое изображение для тега body. CSS может предоставить лучшие атрибуты фонового изображения, такие как фоновое изображение.
link, alink, vlink могут указать цвет ссылки для тега body. Свойства CSS: :link, :active, :visited имеют тот же эффект. align может управлять расположением элементов, например <div align="center">Stuff</div>, но, как и центральный тег, вы можете использовать атрибут text-align в css.
Целевая ссылка открывается в разных состояниях, например при открытии нового окна <a href="wherever.html" target="_blank">Помоги мне</a>. Звучит хорошо, но сайт кажется незнакомым. Пользователи не ожидают, что эти действия (например, открытие новых окон) будут выглядеть как волшебство. Большинству пользователей нравится использовать кнопку «Назад», а открытие нового окна означает, что эта функция отключена. Атрибуты производительности тега, такие как ширина и высота изображения, заполнение ячеек и расстояние между ячейками таблицы, определяют применение разных атрибутов к различным элементам. Это не идеальное решение, но если на вашей странице много изображений или таблиц, других подходящих вариантов у вас может не быть.
Большинство необъяснимых атрибутов представления принадлежат тегу textarea, который не только имеет допустимые атрибуты cols и rows, но и требует их новейшего стандарта HTML.
Хороший лейбл, плохое применение.
Чтобы войти в свой дом, вы можете встать на колени и пролезть через собачью нору, но подождите, есть дверное украшение, разработанное специально для людей - ручка, ха-ха, смотрите, дверь подходящего размера, чтобы люди могли пройти через нее.
HTML-теги созданы для детализации, и хотите верьте, хотите нет, но если вы используете их правильно, вы сможете добиться наилучших результатов.
Когда HTML является семантическим, веб-страницы более удобны для пользователей с ограниченными возможностями, например, для программ чтения с экрана, которые часто выделяют списки с помощью тегов ul или заголовок с помощью тегов h1 или h2.
Самое серьезное злоупотребление HTML — это таблицы. Таблицы используются для разметки, но они используются только для представления табличных данных. Идея отказа от использования табличного макета не связана с поиском просветления, как буддист. Он имеет реальные преимущества, не только уменьшая размер веб-страницы, но и упрощая ее обслуживание и изменение дизайна.
Иногда некоторые дизайнеры используют некоторые теги и атрибуты для завершения переходного дизайна (особенно макетов таблиц). Во-первых, они могут поддерживать старые версии браузеров (Netscape 4). Таблицы работали лучше, чем CSS в Netscape 4, но их пользователей было очень мало, и их число сокращалось. Теперь, когда число пользователей мобильных устройств растет, структура таблиц стала очень плохой. Преимущества упомянутых выше таблиц намного перевешивают недостатки, и причина в том, что страница должна учитывать все функции браузера с минимальным стилем.
Рамки
Златовласка думает, что это очень хорошая идея — помочь ей с миской каши, но тут появляются три крупных хищника и выбрасывают ее из окна. Каркас похож на миску с кашей, принадлежащей медведю. Они выглядят хорошо, но опасность всегда присутствует.
Большинство веб-сайтов не используют фреймы, и большинство пользователей веб-сайтов используют только одну страницу.
Но что, если по какой-то причине вам нужно запретить пользователям добавлять определенную страницу в свои закладки, или вы хотите запретить введение определенных страниц по электронной почте или через обмен мгновенными сообщениями, или вы хотите добавить еще один уровень общей сложности к использованию чтение экрана Для пользователей с ограниченными возможностями браузера, которым необходимо перемещаться между фреймами, или если вы хотите попасть в ад поисковых систем, используйте фреймы.
По сути, фреймворки ничего не делают, а усложняют и теряют удобство использования.
Наконец, если вы будете следовать приведенным ниже правилам, вы не ошибетесь.
1) Если имя метки или атрибута относительно незнакомо, рекомендуется его закомментировать или не использовать. Таким образом, эффективность использования CSS будет повышена.
2) Позвольте лейблу выполнять работу, в честь которой он назван. Таблицы используются для табличных данных. Просто используйте заголовок для заголовка и так далее.
3) Если у вас понятный контент, используйте соответствующие теги. Используйте списки вместо списков, заголовки за заголовки и так далее.