Помощник
|
Оцените будущую тему |
TimurR |
26.9.2016, 1:47;
Ответить: TimurR
Сообщение
#12
|
|
UPD.
Куда важней семантическая составляющая документа. Многие разработчики, неправильно используют новые семантические теги HTML5. Например, очень много людей используют тег aside не по назначению обертывая в него сайдбар. Или обертывая всю страницу в main. Или добавляют в тег footer собственно содержимое футера сайта. |
|
|
ShowPrint |
26.9.2016, 10:44;
Ответить: ShowPrint
Сообщение
#13
|
|
TimurR, буду очень признателен за ссыль на русском языке (с аглицким большие проблемы) где описано правильное применение семантических тегов html5
очень много людей используют тег aside не по назначению обертывая в него сайдбар Я например :) .Боковое меню оборачиваю в aside и nav :wacko: Или добавляют в тег footer собственно содержимое футера сайта Да именно так...Дядь, ну поделись ссылочкой-то... ;) |
|
|
TimurR |
26.9.2016, 13:48;
Ответить: TimurR
Сообщение
#14
|
|
|
|
|
ShowPrint |
26.9.2016, 15:31;
Ответить: ShowPrint
Сообщение
#15
|
|
TimurR, спасибо большое, "не те книжки я читал"... :wacko:
Буду признателен если как-нибудь на досуге глянешь на код морды (в подписи) на предмет использования семантических элементов. Если я правильно понял смысл прочитанного по данным ссылкам, то если <footer> мною применяется более-менее верно, то <aside> мне просто надо выкинуть как класс... Так? И еще доп.вопрос: будет ли правильно, если я <h1> и вступительное предложение оберну в <header> Заранее признателен. ЗЫ. Хотел написать в ЛС, но не смог :( |
|
|
TimurR |
26.9.2016, 16:26;
Ответить: TimurR
Сообщение
#16
|
|
ShowPrint, по "морде" сайта я бы не стал делать aside->div. Если совсем необходимо, лучше сделать div#aside->aside. А вообще там aside быть не должно. Тег nav используется в принципе правильно, но внутри тега aside я бы не рекомендовал.
Дальше я вижу структуру вида: <main> <h1> <p> <section> <section> и т.д. Я сделал бы такую структуру: <main> <article> <header> <h1>Название статьи</h1> <p>Параграф.</p> </header> <section> <h2>Подзаголовок</h2> <p>Релевантный текст подзаголовку</p> </section> </article> </main> Вообще я каждый раз, когда есть необходимость, беру листик с карандашом и пишу вручную структуру каждой страницы, так чтобы было максимально правильное использование тегов. |
|
|
ixman |
26.9.2016, 16:34;
Ответить: ixman
Сообщение
#17
|
|
ShowPrint, всё таки бы рекомендовал почитать на инглише спецификацию html. Перечитал с десяток статей, а мб и более, по этой теме. Везде пишут по разному. Не помню кой чёрт меня дёрнуло почитать через переводчик на инглише, именно где-то в офф манаулах по html тегам, и был приятно удивлён. Конечно же переводчик технические тексты переводит не так как хотелось бы, но всё же.
|
|
|
ShowPrint |
26.9.2016, 16:55;
Ответить: ShowPrint
Сообщение
#18
|
|
TimurR, преогромное "мерси"!!! :friends:
Предложенная структура (в свете материалов по ссылкам) абсолютно логична, переверстаю... "Необходимость" сочетания aside/div продиктована вычитанной где-то во время знакомства с html5, возможно опять "не в тех книжках", инфой, что некоторые браузеры не понимают 5-ку и не учитывают теги семантики. Ради кроссбраузерности сделал сочетание с div-ами, чтоб привернуть к ним стилевые классы. Допускаю что был не прав, оправдание - учусь... :blush: В свете прочтенного материала дискуссия "что-во-что" лучше оборачивать бессмысленна, ибо aside действительно "лишний". Тег nav используется в принципе правильно, но внутри тега aside я бы не рекомендовал Нет aside - нет и обсуждения, но цитата из html5book об aside: Чаще всего элемент позиционируется как боковая колонка (как в книгах) и включает в себя группу элементов: <nav>, цифровые данные, цитаты, рекламные блоки, архивные записи В общем - премного благодарен!!! Ixman, "говорила мне мама: учи английский, сынок" /* (с) х/ф "Одиночное плавание" */ Честно? - Пробовал! Но не дается мне чтение спецификации в интерпретации переводчика :( Я больше понимаю глядя на оригинал, чем на перевод. А глядя на аглицкий оригинал: тонкости и нюансы (т.е. "самое сладкое", собственно "ради чего") - "как вода сквозь пальцы" :wacko: Хорошо есть товарищи которые могут подкинуть более-менее правильные ру-материалы :smile-thumb-up: Сообщение отредактировал ShowPrint - 26.9.2016, 16:56 |
|
|
TimurR |
26.9.2016, 19:25;
Ответить: TimurR
Сообщение
#19
|
|
ShowPrint, это имеется ввиду, если aside используется по делу. Тут он используется совсем не по делу.
Так-то Иксман по делу сказал, нет ничего лучше чем получать информацию от официального источника. |
|
|
ShowPrint |
26.9.2016, 19:37;
Ответить: ShowPrint
Сообщение
#20
|
|
|
|
|
Мара |
7.11.2016, 14:33;
Ответить: Мара
Сообщение
#21
|
|
|
efros, логотип как-то теряется на мой взгляд.. и футер можно поинтересней сделать
-------------------- Готовые сайты с системой управления. Каталог платных и бесплатных шаблонов https://html6.com.ru Создание и продвижение сайтов ICQ 266940414 |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Статьи на тему "партнерские программы Форекс" | 0 | NikitaBjo | 1458 | 31.10.2023, 18:00 автор: NikitaBjo |
|
50 готовых статей на тему женского здоровья | 1 | projectadmin | 1158 | 26.9.2023, 2:50 автор: projectadmin |
|
50 готовых статей на тему криптовалют для сайтов и статейных бирж | 1 | projectadmin | 992 | 26.9.2023, 2:49 автор: projectadmin |
|
Установить тему на buddypress с демо данными | 1 | TABAK | 1258 | 25.5.2023, 0:13 автор: TABAK |
|
Требуется копирайтер на тему IT Ищем реального эксперта! Оплата высокая! |
1 | ARsHi | 1327 | 19.9.2022, 18:28 автор: yehCANA |
Текстовая версия | Сейчас: 29.3.2024, 12:29 |