Таблицы давно получили плохую репутацию в веб-дизайне. Много лет назад HTML-таблицы использовались для разметки, что явно не было тем, для чего они были предназначены. По мере того как CSS стал широко использоваться для макетов веб-сайтов, появилась идея, что «таблицы плохие». К сожалению, многие люди неправильно поняли, что таблицы HTML все время плохие. Это совсем не так. Реальность такова, что HTML-таблицы плохие, когда они используются для чего-то другого, кроме их истинного назначения, а именно для отображения табличных данных (электронные таблицы, календари и т. Д.). Если вы создаете веб-сайт и у вас есть страница с такими табличными данными, не стесняйтесь использовать HTML-таблицу на своей странице.
Если вы начали создавать сайты в те годы, когда HTML-таблицы для разметки перестали нравиться, вы, возможно, не очень знакомы с элементами, составляющими HTML-таблицы. Один вопрос, который возникает у многих, когда они начинают смотреть на разметку таблицы:
Что такое тег?
Тег
Тег, или «заголовок таблицы», во многом похож на
Большинство веб-браузеров изменяют вес шрифта на жирный и центрируют содержимое в ячейке. Конечно, вы можете использовать стили CSS, чтобы заголовки таблиц, а также содержимое ваших тегов выглядели так, как вы хотите, чтобы они выглядели на отображаемой веб-странице.
Когда следует использовать скорее, чем
?
Тег следует использовать, если вы хотите назначить содержимое в ячейке в качестве заголовка для этого столбца или строки. Ячейки заголовков таблицы обычно находятся в верхней части таблицы или вдоль стороны – в основном, заголовки в верхней части столбцов или заголовки слева или в начале строки. Эти заголовки используются для определения того, что представляет собой содержимое под ним или рядом с ним, что значительно упрощает просмотр и обработку таблицы и ее содержимого.
Не используйте для оформления своих ячеек. Поскольку браузеры по-разному отображают ячейки заголовка таблицы, некоторые ленивые веб-дизайнеры могут попытаться воспользоваться этим и использовать тег, когда захотят содержимое должно быть выделено жирным шрифтом и центрировано. Это плохо по нескольким причинам:
-
Вы не можете полагаться на то, что веб-браузеры всегда будут отображать контент таким образом. Будущие браузеры могут изменить цвет по умолчанию или вообще не вносить никаких визуальных изменений в содержимое. Вы никогда не должны полагаться исключительно на стили браузера по умолчанию и никогда не должны использовать элемент HTML из-за того, как он «выглядит» по умолчанию
-
Это семантически неверно. Пользовательские агенты, которые читают текст, могут добавить слышимое форматирование, такое как «заголовок строки: ваш текст», чтобы указать, что оно находится в ячейке. Кроме того, некоторые веб-приложения печатают заголовки таблиц в верхней части каждой страницы, что может привести к проблемам, если ячейка на самом деле не является заголовком, а вместо этого используется только по стилистическим причинам. В итоге, использование тегов таким способом может вызвать проблемы с доступностью для многих пользователей, особенно для тех, кто использует вспомогательные устройства для доступа к содержимому вашего сайта.
-
Вы должны использовать CSS, чтобы определить, как выглядят ячейки. Разделение стиля (CSS) и структуры (HTML) является лучшей практикой в веб-дизайне на протяжении многих лет. Еще раз, используйте a, потому что содержимое этой ячейки является заголовком, а не потому, что вам нравится то, как браузер, вероятно, отображает это содержимое по умолчанию.
Установите шрифт для определенных слов, абзацев или
Веб-страницы не видны, если они находятся только на
Спам – это проблема, с которой сталкиваются все
Какое расширение доменного имени верхнего уровня выбрать
Редактор кода Bluefish – это приложение, используемое
Really Simple Syndication (RSS) предоставляет как профессионалам
И почему мы должны геотегить наши веб-страницы?
Существует несколько способов применения стилей CSS
Тег следует использовать, если вы хотите назначить содержимое в ячейке в качестве заголовка для этого столбца или строки. Ячейки заголовков таблицы обычно находятся в верхней части таблицы или вдоль стороны – в основном, заголовки в верхней части столбцов или заголовки слева или в начале строки. Эти заголовки используются для определения того, что представляет собой содержимое под ним или рядом с ним, что значительно упрощает просмотр и обработку таблицы и ее содержимого.
Не используйте для оформления своих ячеек. Поскольку браузеры по-разному отображают ячейки заголовка таблицы, некоторые ленивые веб-дизайнеры могут попытаться воспользоваться этим и использовать тег, когда захотят содержимое должно быть выделено жирным шрифтом и центрировано. Это плохо по нескольким причинам:
- Вы не можете полагаться на то, что веб-браузеры всегда будут отображать контент таким образом. Будущие браузеры могут изменить цвет по умолчанию или вообще не вносить никаких визуальных изменений в содержимое. Вы никогда не должны полагаться исключительно на стили браузера по умолчанию и никогда не должны использовать элемент HTML из-за того, как он «выглядит» по умолчанию
- Это семантически неверно. Пользовательские агенты, которые читают текст, могут добавить слышимое форматирование, такое как «заголовок строки: ваш текст», чтобы указать, что оно находится в ячейке. Кроме того, некоторые веб-приложения печатают заголовки таблиц в верхней части каждой страницы, что может привести к проблемам, если ячейка на самом деле не является заголовком, а вместо этого используется только по стилистическим причинам. В итоге, использование тегов таким способом может вызвать проблемы с доступностью для многих пользователей, особенно для тех, кто использует вспомогательные устройства для доступа к содержимому вашего сайта.
- Вы должны использовать CSS, чтобы определить, как выглядят ячейки. Разделение стиля (CSS) и структуры (HTML) является лучшей практикой в веб-дизайне на протяжении многих лет. Еще раз, используйте a, потому что содержимое этой ячейки является заголовком, а не потому, что вам нравится то, как браузер, вероятно, отображает это содержимое по умолчанию.
