2013-04-10 9 views
2

Хотя возни с использованием Twitter разметке я только что узнал, что они разместили HTML-разметку в data-expanded-footer и это выглядит примерно так:HTML Markup в данных атрибутов

data-expanded-footer="<div class="js-tweet-details-fixer tweet-details-fixer"> 
    <div class="js-tweet-media-container "></div> 
     <div class="entities-media-container " style="min-height:0px"> 
    </div> 
    <div class="js-machine-translated-tweet-container"></div> 
    <div class="js-tweet-stats-container tweet-stats-container "> 
    </div> 
    <div class="client-and-actions"> 
    <span class="metadata"> 
     <span title="12:11 PM - 10 Apr 13">12:11 PM - 10 Apr 13</span> 
      &middot; <a class="permalink-link js-permalink js-nav" href="/****/status/****" >Details</a> 
    </span> 
    </div> 
</div>" 
  1. Является ли это действительный HTML элемент (этот атрибут является дочерним элементом div с классом твит)

  2. Если это действительно так, это хорошая идея, если не почему?

  3. Это так плохо для SEO?

EDIT

Просто пытался разобрать HTML из атрибута данных, и она работала, но там должна быть единая котировка, если вы хотите, чтобы заставить его работать, как:

http://jsfiddle.net/burimshala/crEXU/

И если вы оставите, как twitter, используя двойные кавычки в разметке, и если вы откроете атрибут разметки данных с двойными кавычками, это не сработает:

http://jsfiddle.net/burimshala/crEXU/1/

Каким образом Twitter анализирует это?

ответ

1

data-* атрибуты действительны HTML5, см:

http://ejohn.org/blog/html-5-data-attributes/ и http://www.w3.org/TR/2010/WD-html5-20101019/elements.html

Это главным образом используется для хранения данных (в данном случае HTML-кода). Все зависит от вашей ситуации, если это хорошая идея, но она определенно служит цели. Я часто использую его, когда хочу «клонировать» динамический контент.

Это «невидимый» элемент, поэтому SEO не должен быть затронут, однако, я не эксперт по этому вопросу.

+0

Я думаю, что вы неправильно определили вопрос, я знаю, что он является допустимым, но он действителен для вставки HTML-разметки внутри атрибута data- * HTML.PS Что относительно котировок '?'? – Burimi

+0

Да, это действительно необходимо HTML-разметка внутри атрибута 'data- *'. Это включает в себя кавычки –

0

Хорошо, что я не сказал бы, что это плохо для SEO, потому что другие факторы SEO, такие как микроформаты для SEO (hCard, vCard или схема), используют HTML-атрибуты. До тех пор, пока ваш сайт действителен для W3C, и у вас нет ошибки разметки (проверьте здесь): http://validator.w3.org/, чем вы хорошо разбираетесь в SEO.

Единственная небольшая проблема для SEO-дружественных это будет, если ваш код разметки HTML всегда будет бить веб-сайт TEXT. Remmeber для SEO всегда лучше, чтобы минимум 51% веб-сайта являлось текстом и другими атрибутами HTML.