如何使用runat =“server”将微数据添加到DNN控件？

Question

我正在使用结构化数据标记助手工具来突出显示和选择包含相关数据的HTML元素。我有以下问题。

DNN具有仅在onload事件上加载链接和图像的控件。 （品牌资讯）

<div class="dnn-logo">
    <dnn:LOGO runat="server" id="dnnLOGO" />
    <div class="LogoPane" id="LogoPane" runat="server" visible="false">
    </div>
</div>

荧光笔工具显示我应该像这样添加itemprop="logo"：

 <div class="dnn-logo"><a id="dnn_dnnLOGO_hypLogo" title="Our Company | Home" href="https://www.mywebsite.com/">
     <img itemprop="logo" id="dnn_dnnLOGO_imgLogo" src="/Portals/2/Images/logo.png" alt="Our Company | Home"/></a>
</div>

一切都加载后，我必须使用JQuery以某种方式添加微数据吗？

Answer 1

你可以这样做

<script type="text/javascript">
    $(document).ready(function () {

        $('#<%= dnnLOGO.ClientID %>_imgLogo').attr("itemprop", "logo");

    });
</script>

或者您只需编辑徽标用户控件即可。位于/Admin/Skins

<%@ Control Language="C#" AutoEventWireup="false" Inherits="DotNetNuke.UI.Skins.Controls.Logo" CodeFile="Logo.ascx.cs" ViewStateMode="Disabled" %>

<asp:hyperlink id="hypLogo" runat="server">
    <asp:image id="imgLogo" runat="server" enableviewstate="False" itemprop="logo" />
</asp:hyperlink>