X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V  < 1 2
Открыть тему
Тема закрыта
> Оцените будущую тему
TimurR
TimurR
сообщение 26.9.2016, 1:47; Ответить: TimurR
Сообщение #12


UPD.

Куда важней семантическая составляющая документа. Многие разработчики, неправильно используют новые семантические теги HTML5. Например, очень много людей используют тег aside не по назначению обертывая в него сайдбар. Или обертывая всю страницу в main. 
Или добавляют в тег footer собственно содержимое футера сайта. 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 26.9.2016, 10:44; Ответить: ShowPrint
Сообщение #13


TimurR, буду очень признателен за ссыль на русском языке (с аглицким большие проблемы) где описано правильное применение семантических тегов html5

(TimurR @ 26.9.2016, 04:47) *
очень много людей используют тег aside не по назначению обертывая в него сайдбар
Я например  :) .
Боковое меню оборачиваю в aside и nav  :wacko:

(TimurR @ 26.9.2016, 04:47) *
Или добавляют в тег footer собственно содержимое футера сайта
Да именно так...
Дядь, ну поделись ссылочкой-то... ;)  
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TimurR
TimurR
сообщение 26.9.2016, 13:48; Ответить: TimurR
Сообщение #14


ShowPrint
https://habrahabr.ru/post/214407/
http://html5book.ru/html5-semantic-elements/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 26.9.2016, 15:31; Ответить: ShowPrint
Сообщение #15


TimurR, спасибо большое, "не те книжки я читал"...  :wacko:

Буду признателен если как-нибудь на досуге глянешь на код морды (в подписи) на предмет использования семантических элементов.
Если я правильно понял смысл прочитанного по данным ссылкам, то если <footer> мною применяется более-менее верно, то <aside> мне просто надо выкинуть как класс... Так?
И еще доп.вопрос: будет ли правильно, если я <h1> и вступительное предложение оберну в <header>

Заранее признателен.

ЗЫ. Хотел написать в ЛС, но не смог  :(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TimurR
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
ixman
сообщение 26.9.2016, 16:34; Ответить: ixman
Сообщение #17


ShowPrint, всё таки бы рекомендовал почитать на инглише спецификацию html. Перечитал с десяток статей, а мб и более, по этой теме. Везде пишут по разному. Не помню кой чёрт меня дёрнуло почитать через переводчик на инглише, именно где-то в офф манаулах по html тегам, и был приятно удивлён. Конечно же переводчик технические тексты переводит не так как хотелось бы, но всё же.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 26.9.2016, 16:55; Ответить: ShowPrint
Сообщение #18


TimurR, преогромное "мерси"!!!  :friends:

Предложенная структура (в свете материалов по ссылкам) абсолютно логична, переверстаю...

"Необходимость" сочетания aside/div продиктована вычитанной где-то во время знакомства с html5, возможно опять "не в тех книжках", инфой, что некоторые браузеры не понимают 5-ку и не учитывают теги семантики. Ради кроссбраузерности сделал сочетание с div-ами, чтоб привернуть к ним стилевые классы. Допускаю что был не прав, оправдание - учусь...  :blush:
В свете прочтенного материала дискуссия "что-во-что" лучше оборачивать бессмысленна, ибо aside действительно "лишний".


(TimurR @ 26.9.2016, 19:26) *
Тег nav используется в принципе правильно, но внутри тега aside я бы не рекомендовал

Нет aside - нет и обсуждения, но цитата из html5book об aside:
Чаще всего элемент позиционируется как боковая колонка (как в книгах) и включает в себя группу элементов: <nav>, цифровые данные, цитаты, рекламные блоки, архивные записи


В общем - премного благодарен!!!


Ixman, "говорила мне мама: учи английский, сынок" /* (с) х/ф "Одиночное плавание" */
Честно? - Пробовал! Но не дается мне чтение спецификации в интерпретации переводчика  :(
Я больше понимаю глядя на оригинал, чем на перевод. А глядя на аглицкий оригинал: тонкости и нюансы (т.е. "самое сладкое", собственно "ради чего") - "как вода сквозь пальцы"  :wacko:
Хорошо есть товарищи которые могут подкинуть более-менее правильные ру-материалы  :smile-thumb-up:


Сообщение отредактировал ShowPrint - 26.9.2016, 16:56
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TimurR
TimurR
сообщение 26.9.2016, 19:25; Ответить: TimurR
Сообщение #19


ShowPrint, это имеется ввиду, если aside используется по делу. Тут он используется совсем не по делу.
Так-то Иксман по делу сказал, нет ничего лучше чем получать информацию от официального источника. 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 26.9.2016, 19:37; Ответить: ShowPrint
Сообщение #20


TimurR, принято, ещё раз СПАСИБО!

2all: сорри за оффтоп
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Мара
Мара
сообщение 7.11.2016, 14:33; Ответить: Мара
Сообщение #21


efros, логотип как-то теряется на мой взгляд.. и футер можно поинтересней сделать


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Подборка лучших плагинов jQuery http://helix.su
Готовые сайты с системой управления. Каталог платных и бесплатных шаблонов https://html6.com.ru
Создание и продвижение сайтов ICQ 266940414
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V  < 1 2
Открыть тему
Тема закрыта
3 чел. читают эту тему (гостей: 3, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Статьи на тему "партнерские программы Форекс"
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


 



RSS Текстовая версия Сейчас: 29.3.2024, 12:29
Дизайн