Q

HTML标记属性

2013-04-10 154 views 2 likes

2

虽然与Twitter标记瞎搞，我只是发现他们放在data-expanded-footer内的HTML标记，它看起来是这样的：HTML标记属性

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

这是一个有效的HTML元素（这个属性是一个div元素的子类鸣叫）
如果这是有效的，这是一个好主意，如果不是为什么？
这对SEO很糟糕吗？

编辑

只是试图解析从数据属性HTML和它的工作，但如果你想它的工作应该有一个单引号，如：

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

如果你在twitter中使用双引号将twitter留下，并且如果用双引号打开data-markup属性，则不起作用：

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

Twitter如何解析这个？

2013-04-10 Burimi

A

回答

1

data-*属性都是有效的HTML5，请参见：

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

它的主要用途是用于数据存储（在这种情况下HTML代码）。这完全取决于你的情况，如果这是一个好主意，但它绝对有用。我经常在使用它时想克隆动态内容。

这是一个'看不见'的元素，所以SEO不应该真的受到影响，但我不是这方面的专家。

2013-04-10 10:25:18

+0

我想你错了，这个问题是错误的，我知道这是一个有效的问题，但是可以在数据 - * HTML属性中插入HTML标记.PS什么是引号'''？ – Burimi 2013-04-10 10:28:11

+0

是的，插入是有效的“data- *”属性中的HTML标记，包括引号 – 2013-04-10 10:30:24

0

这是很好的声明，我不会说它对SEO不好，因为其他SEO因素像微格式的SEO（hCard，vCard或模式）都使用HTML属性。只要您的网站对W3C有效，并且没有任何标记错误（请点击此处）：http://validator.w3.org/，比您擅长搜索引擎优化。

搜索引擎优化友好的唯一小问题，这将是如果您的HTML标记代码将永远击败网站文本。搜索引擎优化的Remmeber总是更好，至少有51％的网站是文本，和其他HTML的属性。

2013-04-10 11:14:29 Elvis

相关问题