Микроформаты в HTML-разметке

Jan 27, 2016 12:20



В рамках поднятия целого пласта упущенного опыта обнаружил микроформаты [ещё], интересная штука добавляющая семантики в ваш код. Например если есть желание придерживаться XFN, то указав в гиперссылке ведущей на чей-нибудь профиль в VK атрибут rel="friend" вы можете дать понять поисковым-роботам и другим автоматическим системам, что эта ссылка ведёт ( Read more... )

webdev, link, html, yandex, accessability, web, it

Leave a comment

Comments 9

vit_1 January 29 2016, 22:25:45 UTC
Словарь DocBook разрабатывался с 70-х годов (из заметки про семантику в HTML5)

Reply


vit_1 February 16 2016, 22:54:35 UTC
1) От микроформатов отказываются, поскольку теоретически верстальщик может использовать зарезервированные микроформатами классы (с учётом их вложенности!) в своих целях, не соответствуя структуре микроформатов.

2) OpenGraph работает только как Одна сущность - Одна страница. Полезен для создания preview в соц сетях на конкретные страницы.

3) Остаётся Schema.org (хлебные крошки например) но её разметку в xml не запихнёшь как есть, itemscope без значения не валиден.

Что выбрать? itemscope="itemscope"? или itemscope="" (boolean() = false())

Reply

vit_1 February 16 2016, 23:22:34 UTC
Проблемы с itemcsope="itemscope"
Да и вообще в html5 из самодельных атрибутов допускается использовать только data-* атрибуты

Используя itemprop и т.п. по Schema.org можно ссылаться на схемы разметки hCard. Всё что раньше мешалось в кучу в css-class, перекладываем в невалидные (без префикса data-) атрибуты.

Яндекс пока ещё поддерживает некоторые микроформаты v1.0, но рекомендует ориентироваться на schema.org. У Гугла даже нормально-работающий валидатор микроразметки есть.

Валидатор микроформатов 2.0 (тех, что в class свои "слова" резервируют)

Reply


vit_1 February 17 2016, 08:40:48 UTC
1) На микроразметку не рекомендуется навешивать CSS. Для оформления использовать другие классы (на тех же элементах).
2) Разметка первична, микроразметка вторична. Что означает, микроразметка прикручивается к существующим тэгам, и некомильфо городить дополнительную разметку ради семантичности (как быть с предложением верстать крошки вложенными списками?)

Reply



разметка ради разметки vit_1 February 17 2016, 09:49:39 UTC
Дошли до такой глупости, что к гиперссылкам лепят rel="external", чтобы доказать что не верблюд (материал по ссылке не относится к данному сайту). Зачем городить огород?! Ведь машина сама ведь может определить относительные ссылки и имя домена.

Reply


Leave a comment

Up