Jump to content
  • 0

Практическая польза от использования HTML5 тегов!

li4e

Asked by li4e,

 Share

Question

li4e Explorer

li4e

Posted
Posted

Собственно вопрос в названии темы. А то как только начинаю выполнять новый заказ. Появляется желание делать все по семантике с использованием html5 тегов. Но потом сомнения того, что они могут не корректно работать в старых браузерах, и вообще отсутствие на мой взгляд практической пользы от них заставляет одуматься и фигачить все дивами!

Заранее спасибо!

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0
antonKar Explorer

antonKar

Posted
Posted
  On 2/5/2015 at 10:15 AM, li4e said:
Появляется желание делать все по семантике с использованием html5 тегов

Правильное желание.

 

  On 2/5/2015 at 10:15 AM, li4e said:
Но потом сомнения того, что они могут не корректно работать в старых браузерах

html5shiv и display: block;

 

  On 2/5/2015 at 10:15 AM, li4e said:
практической пользы от них заставляет одуматься и фигачить все дивами!

Практической пользы нет, но верстальщику, который потом будет поддерживать вёрстку, гораздо понятнее будет ориентироваться в section/article/aside и т.д., чем в тупом награмождении дивов.

  • Like 1
Link to comment
Share on other sites
  • 0
Sergik+ Explorer

Sergik+

Posted
Posted

Еще раз подтверждаете мои слова, что большинство верстальщиков не понимают что это за элементы.

Если уж знатоки htmlforum холиварят так что уж говорить про большинство.

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

Так вроде в топике пришли к согласию, что основная польза от них — самодокументирование кода, замена комментам вида <!-- konec glavnoy kolonki --> между дивами. Понятно, что все понимают чуть по-разному, но каждому чуть проще читать собственный код, а значит, он может решать задачи чуть эффективнее. А что в целом в отрасли бардак, в 90% случаев теги используются не по назначению, и поисковикам приходится как-то выискивать в этом безобразии осмысленные куски — это в большей мере проблема поисковиков, тут с 90-х мало что поменялось.

Link to comment
Share on other sites
  • 0
Тамара Explorer

Тамара

Posted
Posted
  On 2/5/2015 at 10:15 AM, li4e said:

Собственно вопрос в названии темы. А то как только начинаю выполнять новый заказ. Появляется желание делать все по семантике с использованием html5 тегов. Но потом сомнения того, что они могут не корректно работать в старых браузерах, и вообще отсутствие на мой взгляд практической пользы от них заставляет одуматься и фигачить все дивами!

Заранее спасибо!

Почитайте статью. Только до конца. Где-то с середины там очень популярно все растолковано про новые теги HTML5   http://htmlbook.ru/html5/semantics     Или вот еще http://htmlbook.ru/blog/predvaritelnyi-obzor-html5 Там в самом конце есть перечень статей по этой теме. Но еще добавлю от себя. Для семантики  становится важной четкая структура кода. Например нам на курсах никто не говорил, что теги h1-h6 создают структуру кода и никто на этом не запаривается. Но попробуйте ради интереса пройти валидацию сайта на http://validator.w3.org/#validate_by_uri , только доктайп напишите для HTML5 - <!DOCTYPE html> Валидацию пройдете, но получите замечание по использованию тегов h1-h6. Просто выучив что-то один раз потом очень трудно переучиваться. Наверно каждый слышал не раз: "Я так много лет делаю".

  • Like 1
Link to comment
Share on other sites
  • 0
ows.nightwolf Explorer

ows.nightwolf

Posted
Posted

Раньше тоже задавался вопросом о полезности некоторых HTML5 тегов не с точки зрения "сразу видно что тут что", а именно как тегов, как сущностей. И вот как раз несколько часов назад случайно наткнулся на статью про изменения в алгоритме составления схемы документа в стандарте HTML5 по сравнению с HTML4. Теперь полезность новых элементов кажется ясной, по крайней мере с точки зрения поисковой оптимизации.

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

В той статье, к сожалению, не вся правда про этот алгоритм, есть и другая сторона медали: http://www.paciellogroup.com/blog/2013/10/html5-document-outline/

С поисковой оптимизацией новые теги связаны чуть более чем никак, о чем неоднократно заявляли представители Гугла (как минимум). Может, и врали, но в любом случае алгоритмы ранжирования меняются несколько раз за сезон и заниматься «SE-мантикой» (гаданием о судьбе страницы в поисковиках с помощью какой-то непонятной магии) нет особого смысла. Нужно просто делать хорошие и полезные страницы, на которые люди будут охотно ссылаться сами, используя любые удобные для себя средства, разрешенные спецификациями, имхо.

  • Like 2
Link to comment
Share on other sites
  • 0
Тамара Explorer

Тамара

Posted
Posted

Думаю, что недалеко то время, когда и поисковики начнут учитывать разметку кода.  Но мы еще забываем один аспект. Наверняка разработчики в отличии от нас думают обо всех категориях пользователей и пытаются облегчить использование интернета в том числе и  людям с ограниченными возможностями. В частности тем кто использует голосовые браузеры. Да и наверняка тем кто ограничен по каким-то причинам в своих физических действиях. Но у нас это пока вообще не учитывают.  Особенно на всякие новинки должны реагировать учебные центры и курсы.  Более того зимой 2013 года проходила курсы. Так первоначально попала на занятия, где учили только табличной верстке, а дивам было посвящено несколько строк в учебном пособии. С курсами пришлось расстаться, активно штудировать интернет, и сразу использовать разметку HTML 5. Переучиваться потом будет труднее. Из-за необходимости переучиваться многие не воспринимают новинки. Это мое мнение. Я по специальности математик, некоторое время работала в издательстве. Может поэтому стремлюсь учитывать всевозможные нюансы. А еще очень интересно посмотреть и проанализировать  предложения веб-студий. Особенно обратила внимание на примеры работ. В большинстве случаев мы застряли в 2000-2006 годах. Это не только  семантика, но и в первую очередь отсутствие адаптивных кодов. Особенно странно это для сайтов пользователями которых являются физические лица, которые все больше используют смартфоны и планшеты. У меня муж работает в дирекции крупного  акционерного общества. Они все пытаются выйти на западный рынок. Так вот один из  партнеров посмотрел их сайт и сказал: "Господа, да Вас нет,  Вы не существуете". 

  • Like 1
Link to comment
Share on other sites
  • 0
ows.nightwolf Explorer

ows.nightwolf

Posted
Posted
  On 2/14/2015 at 7:20 AM, SelenIT said:

В той статье, к сожалению, не вся правда про этот алгоритм, есть и другая сторона медали: http://www.paciellogroup.com/blog/2013/10/html5-document-outline/

 

Спасибо, очень важное дополнение. Но идея sectioning блоков очень хорошая, жаль что распространения не получила.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept