谷歌等自定义标签用于社交插件

时间:2012-05-07 11:12:01

标签: html html5

我想了解谷歌用于社交插件的自定义标签

我在我的网站上添加了+1按钮,有这个自定义代码

<g:plusone href="https://plus.google.com/----------1212"></g:plusone>

---------- 1212 是Google页面的ID

我们如何为页面创建此类自定义标记

<g:plusone />这样的标签是我们如何创建像<mytag />或其他

这样的客户的标签

1 个答案:

答案 0 :(得分:0)

一种简单的方法是使用jQuery。此示例将转为&lt; mytag&gt;变成一个大的红色标题。您可以使用各种其他内容,例如添加图像。

使用Javascript:

$(document).ready(function() {
    $('mytag').each(function() {
        $(this).replaceWith('<span style="font-size: 24px; font-weight: bold; color: red;">' + $(this).html() + '</span>');
    });
});

HTML:

<mytag>This is a large, red font</mytag>