Тег article и ему подобные

[radrigo 180]

Всем привет.

 

Полазив в интернете я нашел только общую информацию о теге article, Подскажите, в чём его преимущества? И будит ли правильным если в fullstory.tpl вместе с заголовком и полным текстом во внутрь тега article также попадут и социальные кнопки.

 

Вот примерно будет правильно?

<article class="vscon">
  <div class="fullda ignore-select">[edit]<img src="{THEME}/images/edit.png" alt="" width="16px" height="16px" style="vertical-align:middle" title = "Редактировать новость" />[/edit] {favorites} {date=j F Y, H:i}</div>
  <h1><span id="news-title">{title}</span></h1>
  [xfgiven_foto]
  <div class="news-foto">[xfvalue_foto]</div>
  [/xfgiven_foto]
  <ul class="fultop ignore-select">
    <li onclick="document.getElementById('idblock').className = 'classFirst';" class="fos01">Размер шрифта</li>
    <li onclick="document.getElementById('idblock').className = 'classSecond';" class="fos02">+</li>
    <li onclick="document.getElementById('idblock').className = 'classThird';" class="fos02">++</li>
    <li class="soctop">
      <noindex>
        <div class="share42init"></div>
        <script type="text/javascript" src="{THEME}/js/share42.js"></script></noindex>
    </li>
  </ul>
  <div class="clr"></div>
  <div id="idblock" class="news classFirst">{full-story}</div>
  <div class="clr"></div>
  {poll}
  <div align="center">{pages}</div>
  [xfgiven_video]
  <div class="news-video">[xfvalue_video]</div>
  [/xfgiven_video]
  [tags]<i class="ignore-select">Теги: {tags}</i><br />
  <br />
  [/tags]
  [xfgiven_neis]
  <div class="fulpol ignore-select">Источник: <a rel="nofollow" target="_blank" href="http://[xfvalue_neis]">[xfvalue_neis]</a></div>
  [/xfgiven_neis]
  <div class="futex ignore-select"><b>{views}</b> [declination={views}]просмот|р|ра|ров[/declination][comments] &nbsp; | &nbsp; <b>{comments-num}</b> [declination={comments-num}]комментари|й|я|ев[/declination][/comments][catlist=17,28] &nbsp; | &nbsp; Автор: <b>{author}</b>[/catlist]</div>
  [edit-date]<span style="font-size:9px" class="ignore-select">&rarr; Новость отредактирована - {edit-date}</span>[edit-reason]
  <div class="quote ignore-select">Причина: {edit-reason}</div>
  [/edit-reason]<br />
  [/edit-date]
  <noindex>
    <ul class="fulln ignore-select">
      <li><script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script> 
        <script type="text/javascript">
  VK.init({apiId: 2860598, onlyWidgets: true});
</script>
        <div id="vk_like"></div>
        <script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 20});
</script></li>
      <li>
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
        <div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
      </li>
      <li><a rel="nofollow" href="https://twitter.com/share" class="twitter-share-button" data-via="GusevOnline" data-lang="ru">Твитнуть</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 
      </li>
      <li>
        <div id="ok_shareWidget"></div>
        <script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "http://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertShareWidget(id,did,st);
      }, 0);
    }
  }};
  d.documentElement.appendChild(js);
}(document,"ok_shareWidget",document.URL,"{width:100,height:30,st:'straight',sz:20,nt:1}");
</script></li>
      <li>
        <g:plusone size="medium"></g:plusone>
        <script type="text/javascript">
  window.___gcfg = {lang: 'ru'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></li>
      <li class="retne">{rating}<span class="prosm">{vote-num}</span></li>
    </ul>
  </noindex>
</article>
<noindex> 
  <!-- Яндекс.Директ -->
  <div id="yandex_ad" class="ignore-select" style="background-color:#FFFFFF; margin-bottom:10px;"></div>
  <script type="text/javascript">
(function(w, d, n, s, t) {
    w[n] = w[n] || [];
    w[n].push(function() {
        Ya.Direct.insertInto(110313, "yandex_ad", {
            ad_format: "direct",
            type: "adaptive",
            limit: 2,
            links_underline: true,
            site_bg_color: "FFFFFF",
            bg_color: "FFFFFF",
            title_color: "000000",
            url_color: "007CB2",
            text_color: "737373",
            hover_color: "008ED6",
            sitelinks_color: "007CB2",
            favicon: true,
            no_sitelinks: false,
            height: 100,
            width: 740
        });
    });
    t = d.getElementsByTagName("script")[0];
    s = d.createElement("script");
    s.src = "//an.yandex.ru/system/context.js";
    s.type = "text/javascript";
    s.async = true;
    t.parentNode.insertBefore(s, t);
})(window, document, "yandex_context_callbacks");
</script> 
</noindex>
[related-news]
<div class="glfon">
  <div class="vsenews ignore-select">
    <h6>ДРУГИЕ НОВОСТИ ПО ТЕМЕ</h6>
  </div>
  {related-news}
  <div class="clr"></div>
</div>
[/related-news]
<div class="glfon">{comments}
  {navigation}
  {addcomments}</div>
<div class="glfon ignore-select">
  <div class="vsenews">
    <h6>ПОСЛЕДНИЕ НОВОСТИ</h6>
  </div>
  {custom category="2-10,18" template="gl_fullst" limit="6" cache="yes"}</div>

 

Заранее признателен за подсказку.

[germanydletest 455]

Вам нет смысла использовать тег article, так как другие семантические теги HTML5 (figure, section, aside и т.д.) вы не используете

[alex32 942]

1 час назад, germanydletest сказал:

Вам нет смысла использовать тег article, так как другие семантические теги HTML5 (figure, section, aside и т.д.) вы не используете

Не согласен. А доктайп какой? 
 

[germanydletest 455]

12 минуты назад, alex32 сказал:

Не согласен.

так вы обосновали бы своё не согласие, я то написал почему бессмысленно использовать только один семантический тег, если и использовать семантические теги, то нужно менять полностью вёрстку под html5, а не болеть div'янкой

[alex32 942]

50 минут назад, germanydletest сказал:

так вы обосновали бы своё не согласие, я то написал почему бессмысленно использовать только один семантический тег, если и использовать семантические теги, то нужно менять полностью вёрстку под html5, а не болеть div'янкой

Я не собираюсь вам ничего обосновывать. Мне это неинтересно. А вот от ТСа мне интересно услышать, какой Доктайп. От этого много зависит. потому что то, что вы написали,

 

 

 

 

2 часа назад, germanydletest сказал:

Вам нет смысла использовать тег article, так как другие семантические теги HTML5 (figure, section, aside и т.д.) вы не используете

 не узнав какой Доктайп, считаю не просто непрофессионализлом... вася ветров только мог такое написать Или пупкин. Один хрен, такое написать мог только человек, не имеющий тношения в грамотной верстке. Но вы работайте, работайте. Мне больше работы достанется, после вас переделывать.
 

[germanydletest 455]

Вася как раз таки Вы, использование тегов html5 изначально подразумевает использование 

<!DOCTYPE html>

и не в нём дело, если вы советуете человеку использовать семантические теги вне зависимости от того, что из html 5 у него будет всего 5-6 тегов (<header>, <nav>, <main>, <article> и <footer>,), то это как раз таки говорит о Вашем "профессионализме"....

[alex32 942]

Да ты что???  а теперь ответь мне, супермен, в  каком месте ТС написал, что у него доктайп <!DOCTYPE html> Или я это просто так спрашивал?

1 час назад, alex32 сказал:

Не согласен. А доктайп какой? 

 

Капец какие все умные, но при этом тупые.... Прав Задорнов...