Global Navigation in SharePoint 2013

Dear all,

I have tried this code and it is working in ASPX file, I want to do this for HTML Master Page.

<SharePoint:AjaxDelta id="DeltaTopNavigation" BlockElement="true" CssClass="ms-displayInline ms-core-navigation" role="navigation" runat="server">
<SharePoint:DelegateControl runat="server" ControlId="TopNavigationDataSource" Id="topNavigationDelegate" AllowMultipleControls="True"></SharePoint:DelegateControl>
<div>
<nav id="SpNav">
<ul id="SpNavUL">
<asp:Repeater runat="server" ID="MenuRepeater" DataSourceID="topSiteMap1">
<ItemTemplate>
<li>
<a href="<%# Eval("Url")%>"><%# Eval("Title")%></a><asp:Repeater runat="server" ID="ChildMenuRepeater" DataSource='<%# ((SiteMapNode)Container.DataItem).ChildNodes %>'>
<HeaderTemplate>
<ul id="SpNavChilds">
</HeaderTemplate>
<ItemTemplate>
<li><a href="<%# Eval("Url")%>"><%# Eval("Title")%></a></li>
</ItemTemplate>                
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</nav> 
<asp:SiteMapDataSource ShowStartingNode="False" SiteMapProvider="CombinedNavSiteMapProvider" id="topSiteMap1" runat="server" StartingNodeUrl="sid:1002" />
</div>
</SharePoint:AjaxDelta>

===================================================

the converted code is 

<!--MS:<SharePoint:DelegateControl runat="server" ControlId="TopNavigationDataSource" Id="topNavigationDelegate" AllowMultipleControls="True">-->
<!--ME:</SharePoint:DelegateControl>-->
<!--MS:<asp:ContentPlaceHolder id="PlaceHolderTopNavBar1" runat="server">-->
<nav id="SpNav">
<ul id="SpNavUL">
<!--MS:<asp:Repeater runat="server" ID="MenuRepeater" DataSourceID="topSiteMap1">-->
<!--MS:<ItemTemplate>-->
<li>
<a href=<!--MS:"<%# Eval("Url")%>"-->><!--MS:<%# Eval("Title")%>--></a><!--MS:<asp:Repeater runat="server" ID="ChildMenuRepeater" DataSource='<%# ((SiteMapNode)Container.DataItem).ChildNodes %>'>-->
<!--MS:<HeaderTemplate>-->
<ul id="SpNavChilds">
<!--ME:</HeaderTemplate>-->
<!--MS:<ItemTemplate>-->
<li><a href=<!--MS:"<%# Eval("Url")%>"-->><!--MS:<%# Eval("Title")%>--></a></li>
<!--ME:</ItemTemplate>-->
<!--MS:<FooterTemplate>-->
</ul>
<!--ME:</FooterTemplate>-->
<!--ME:</asp:Repeater>-->
</li>
<!--ME:</ItemTemplate>-->
<!--ME:</asp:Repeater>-->
</ul>
</nav> 
<!--MS:<asp:SiteMapDataSource ShowStartingNode="False" SiteMapProvider="CombinedNavSiteMapProvider" id="topSiteMap1" runat="server" StartingNodeUrl="sid:1002" />-->
<!--ME:</asp:ContentPlaceHolder>-->
<!--ME:</SharePoint:AjaxDelta>-->

-------------------------------

Please check that what are wrong there.

Thanks