Теги як цегли всякого документа заснованого на XML повинні вибиратися з великим прагматизмом, що-б потім не видаляти непотрібні (т. зв. deprecated) і не гальмувати внесення нових (sound, video). У світлі того що я сам цією темою пильно займаюся вирішуючи що потрібно залишити в WYSIWYG-редакторі і що додати, а так-же мене цікавить друкарня і семантика, то читаючи Микиту вирішив теж поштудіювати цю тему.
- a - мало хто пам'ятає чому найпопулярніший тег посилання використовує таку назву та ще й параметр href. Ще менше статей, що пишуть, використовують цей тег за прямим призначенням, а саме як якір до ділянки документа, визначеного параметром name. З переходом на динамічний зміст за допомогою ajax, якір отримав нове життя, оскільки в URL після # можна прописати адресс відкритого листа (див. gmail), але мало хто це помічає.
- address - єдиної думки немає, чи то це фізична поштова адреса, чи то це частина опису документа з email-ом.
- abbr - відмінний тег для скорочень. Використовуючи параметр title як у зображеннях, при наведенні курсором з'явиться повна назва
- ins і del - дуже часто статті в блогах і ЖЖ змінюються, при цьому люди пишуть щось типу "upd. питання вирішилося ", тоді як логічніше використовувати для цього відповідні теги. Само собою коли стаття має історію змін типу wiki, то система повинна бути складнішою.
- sub і sup - ці теги знаходять як правило ті хто хоче оформити найпростішу математику або хімію. Втім ступеня, атомарні та ізотопні індекси не єдина функція. Якщо ви коли-небудь писали дипломну роботу то напевно зіткнулися з науковим оформленням посилань на джерела, а виноски з використанням sup укупі з anchor активно використовуються замість непідтримуваного тегу fn.
- tfoot, thead, ^, caption - все це теги, що розширюють звичайну таблицю. Дуже часто розробники ускладнюють собі життя додаючи зайві класи, div-елементи і тп.
- label - використовується у формах як текстовий опис поля і якщо пов'язаний з параметром for
з елементом, при натисканні активує елемент. Дуже корисний з
галочками і автопідсказками. Останнім часом стає популярним.
- fieldset і legend - елемент групування елементів форм і відповідно заголовок до цієї групи. Через обмеження браузерів і різне відображення розробники відмовляються в бік штучних і універсальних div-елементів. Але згадати я немогу.
- code, var - потрібні хіба що програмістам. Замість них як правило використовують pre і em, що помоєму не дуже семантично.
- base - помоєм найцінніший тег для CMS, оскільки один раз встановивши для документа абсолютний шлях, всі інші об'єкти (зображення, посилання) можна вказувати відносно. Це зменшує як роботу з темплейтами у програміста, так і зменшує код.
Будьте пильні, необережна гра з елементами які вам можуть здатися «семантично підходящими» насправді можуть бути або мало підтримуваними браузерами, або deprecated з боку W3C у відповідному XHTML/HTML5 стандарті. Наприклад, menu, listing, comment, sidebar...
Оригінал
