Перейти к содержимому


Пользователь месяца
ShowPrint ShowPrint 1-й за Сентябрь
Очков активности: 283 2 темы, 21 сообщение, 7 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Medvedoc
    #1

    Medvedoc
    Очков активности: 516 9 тем, 59 сообщений, 4 балла репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 312 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #3

    Ixman (o5cat.ru)
    Очков активности: 300 0 тем, 25 сообщений, 8 баллов репутации

  • Фотография BLIK
    #4

    BLIK
    Очков активности: 210 Вне конкурса за определение пользователя месяца

  • Фотография WGN
    #5

    WGN (worldgamenews.com)
    Очков активности: 186 Вне конкурса за определение пользователя месяца

  • Фотография Игорь Ку
    #6

    Игорь Ку (dudesday.ru)
    Очков активности: 157.5 4 темы, 9 сообщений, 5 баллов репутации

  • Фотография Алексей111
    #7

    Алексей111 (xvideo24.ru)
    Очков активности: 75 10 тем, 20 сообщений, 1 балл репутации

  • Фотография yuran
    #8

    yuran (yurbol.ru)
    Очков активности: 42 1 тема, 25 сообщений, 1 балл репутации

  • Фотография Zevss
    #9

    Zevss (domles43.ru)
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

  • Фотография falka
    #10

    falka (mygoodjob.ru)
    Очков активности: 16.5 3 темы, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 26.09.2018
  • Яндекс выдача: 24.10.2018
Топ 5 участников по репутации


Оцените будущую тему (стр. 2)

#11 TimurR

TimurR
  • Пользователь PRO
  • 972 сообщений
  • Репутация: 237
0

Отправлено 26 September 2016 - 00:47

UPD.

 

Куда важней семантическая составляющая документа. Многие разработчики, неправильно используют новые семантические теги HTML5. Например, очень много людей используют тег aside не по назначению обертывая в него сайдбар. Или обертывая всю страницу в main. 


Или добавляют в тег footer собственно содержимое футера сайта. 


  • 0

Разработка сайтов.



#12 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3051 сообщений
  • Репутация: 835

Отправлено 26 September 2016 - 09:44

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

 

очень много людей используют тег aside не по назначению обертывая в него сайдбар
Я например  :) .

Боковое меню оборачиваю в aside и nav  :wacko:

 

Или добавляют в тег footer собственно содержимое футера сайта
Да именно так...

Дядь, ну поделись ссылочкой-то... ;)  


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#13 TimurR

TimurR
  • Пользователь PRO
  • 972 сообщений
  • Репутация: 237

Отправлено 26 September 2016 - 12:48

@ShowPrint
https://habrahabr.ru/post/214407/

http://html5book.ru/...antic-elements/


  • 2

Разработка сайтов.



#14 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3051 сообщений
  • Репутация: 835

Отправлено 26 September 2016 - 14:31

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

 

Буду признателен если как-нибудь на досуге глянешь на код морды (в подписи) на предмет использования семантических элементов.

Если я правильно понял смысл прочитанного по данным ссылкам, то если <footer> мною применяется более-менее верно, то <aside> мне просто надо выкинуть как класс... Так?

И еще доп.вопрос: будет ли правильно, если я <h1> и вступительное предложение оберну в <header>

 

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

 

ЗЫ. Хотел написать в ЛС, но не смог  :(


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#15 TimurR

TimurR
  • Пользователь PRO
  • 972 сообщений
  • Репутация: 237

Отправлено 26 September 2016 - 15:26

@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>

 

Вообще я каждый раз, когда есть необходимость, беру листик с карандашом и пишу вручную структуру каждой страницы, так чтобы было максимально правильное использование тегов.  


  • 0

Разработка сайтов.



#16 Ixman

Ixman
  • Пользователь PRO
  • 2911 сообщений
  • Репутация: 750

Отправлено 26 September 2016 - 15:34

@ShowPrint, всё таки бы рекомендовал почитать на инглише спецификацию html. Перечитал с десяток статей, а мб и более, по этой теме. Везде пишут по разному. Не помню кой чёрт меня дёрнуло почитать через переводчик на инглише, именно где-то в офф манаулах по html тегам, и был приятно удивлён. Конечно же переводчик технические тексты переводит не так как хотелось бы, но всё же.


  • 1


#17 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3051 сообщений
  • Репутация: 835

Отправлено 26 September 2016 - 15:55

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

 

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

 

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

В свете прочтенного материала дискуссия "что-во-что" лучше оборачивать бессмысленна, ибо aside действительно "лишний".

 

 

Тег nav используется в принципе правильно, но внутри тега aside я бы не рекомендовал

Нет aside - нет и обсуждения, но цитата из html5book об aside:

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

 

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

 

 

@Ixman, "говорила мне мама: учи английский, сынок" /* (с) х/ф "Одиночное плавание" */

Честно? - Пробовал! Но не дается мне чтение спецификации в интерпретации переводчика  :(

Я больше понимаю глядя на оригинал, чем на перевод. А глядя на аглицкий оригинал: тонкости и нюансы (т.е. "самое сладкое", собственно "ради чего") - "как вода сквозь пальцы"  :wacko:

Хорошо есть товарищи которые могут подкинуть более-менее правильные ру-материалы  :smile-thumb-up:


Сообщение отредактировал ShowPrint: 26 September 2016 - 15:56

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#18 TimurR

TimurR
  • Пользователь PRO
  • 972 сообщений
  • Репутация: 237

Отправлено 26 September 2016 - 18:25

@ShowPrint, это имеется ввиду, если aside используется по делу. Тут он используется совсем не по делу.

Так-то Иксман по делу сказал, нет ничего лучше чем получать информацию от официального источника. 


  • 0

Разработка сайтов.



#19 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3051 сообщений
  • Репутация: 835

Отправлено 26 September 2016 - 18:37

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

 

2all: сорри за оффтоп


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#20 Tamara

Tamara
  • Неактивные
  • 23 сообщений
  • Репутация: 1

Отправлено 07 November 2016 - 13:33

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


  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru