Template:HTMLRef

<%
function containsTag(tagList, tag) {
    if (tagList == null || tagList == undefined) return 0;
    if (tag == undefined || tag == null) return 0;
    tag = tag.toLowerCase();
    for (var i = 0, len = tagList.length; i < len; i++) {
        if (tagList[i].toLowerCase() == tag) return 1;
    }
    return 0;
}

var s_html_href = '/'+env.locale+'/docs/Web/HTML';
var s_html_title = 'HTML';
var s_html_ref_href = '/'+env.locale+'/docs/Web/HTML/Element';
var s_html_ref_title = 'HTML Elements';
var s_html_guide_href = '/'+env.locale+'/docs/Web/Guide/HTML';
var s_api_href = '/' + env.locale + '/docs/Web/API';
switch (env.locale) {
    case 'fr':
        s_html_href = '/'+env.locale+'/docs/HTML';
        s_html_ref_href = '/'+env.locale+'/docs/Web/HTML/Element';
        s_html_ref_title = 'Éléments HTML';
        break;
    default: break;
}

// Find the section of HTML this page belongs to (that is the first tag of the form "HTML XYZ")
var tags = env.tags;
var found_tag = '';
for (i in tags) {
    if (tags[i] != s_html_ref_title) {
        if (('' + tags[i]).substr(0, 5) == 'HTML ') {
            found_tag = tags[i];
            break;
        }
    }
}

// Find the HTML Tags belonging to the same subject

if (found_tag != undefined && found_tag != null && found_tag.length) {
    // Find the pages, sub-pages of HTML/Element that are tagged with that specific tag
    var pageList = page.subpagesExpand(s_html_ref_href);   // Get subpages, including tags
    var resultHTML = [];

    for (aPage in pageList) {
        if (containsTag(pageList[aPage].tags, found_tag)) {
            resultHTML.push(pageList[aPage].title.replace(/[<>]/g, ""));
        }
    }
}

/*
// Find the interfaces belonging to the same subject
if (found_tag) {
    // Find the pages, sub-pages of HTML/ that are tagged with that specific tag
    var pageList = page.subpagesExpand(s_api_href);   // Get subpages, including tags
    var resultAPI = [];

    for (aPage in pageList) {
        if (containsTag(pageList[aPage].tags, found_tag) &&
            containsTag(pageList[aPage].tags, "Interface")) { // We only want interfaces, not properties or methods
            resultAPI.push(pageList[aPage].title);
        }
    }
}

// Find the guides, tutorials, ... belonging to the same subject
if (found_tag) {
    // Find the pages, sub-pages of Guide/HTML that are tagged with that specific tag
    var pageList = page.subpagesExpand(s_html_guide_href);   // Get subpages, including tags
    var resultGuide = [];

    for (aPage in pageList) {
        if (containsTag(pageList[aPage].tags, found_tag)) {
            resultGuide.push({title: pageList[aPage].title, url: pageList[aPage].url});
        }
    }
}
*/
var resultGuide = [];
var resultAPI = [];

 if (s_html_href) {  %>
  <section class="Quick_links" id="Quick_Links">
  <ol>
   <% if (found_tag) { 
        for( aPage in resultGuide) { // Tutorials and guides matching
  %>
            <li><a href="<%-resultGuide[aPage].url%>"><%-resultGuide[aPage].title%></a></li>
  <%    }
        for (aTitle in resultHTML) { // HTML entities matching 
  %>
            <li><%- template("HTMLelement", [resultHTML[aTitle]]) %></li>
  <%    } 
        for (aTitle in resultAPI) { // HTML-DOM interfaces matching 
  %>
            <li><%- template("domxref", [resultAPI[aTitle]]) %></li>
  <%    } 
    } %>
   <li><a href="<%-s_html_href%>"><%-s_html_ref_title%></a><ol>
   <li>A
 <ol>
  <li><%-template("HTMLElement", ["a"])%></li>
  <li><%-template("HTMLElement", ["abbr"])%></li>
  <li><s class="obsoleteElement"><%-template("HTMLElement", ["acronym"])%></s></li>
  <li><%-template("HTMLElement", ["address"])%></li>
  <li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["applet"])%></s></li>
  <li><%-template("HTMLElement", ["area"])%></li>
  <li class="html5"><%-template("HTMLElement", ["article"])%></li>
  <li class="html5"><%-template("HTMLElement", ["aside"])%></li>
  <li class="html5"><%-template("HTMLElement", ["audio"])%></li>
 </ol>
 </li><li>B
 <ol>
  <li><%-template("HTMLElement", ["b"])%></li>
  <li><%-template("HTMLElement", ["base"])%></li>
  <li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["basefont"])%></s></li>
  <li class="html5"><%-template("HTMLElement", ["bdi"])%></li>
  <li><%-template("HTMLElement", ["bdo"])%></li>
  <li><s class="nonStdElement"><%-template("HTMLElement", ["bgsound"])%></s></li>
  <li><s class="obsoleteElement"><%-template("HTMLElement", ["big"])%></s></li>
  <li><s class="nonStdElement"><%-template("HTMLElement", ["blink"])%></s></li>
  <li><%-template("HTMLElement", ["blockquote"])%></li>
  <li><%-template("HTMLElement", ["body"])%></li>
  <li><%-template("HTMLElement", ["br"])%></li>
  <li><%-template("HTMLElement", ["button"])%></li>
 </ol>
 </li><li>C
 <ol>
  <li class="html5"><%-template("HTMLElement", ["canvas"])%></li>
  <li><%-template("HTMLElement", ["caption"])%></li>
  <li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["center"])%></s></li>
  <li><%-template("HTMLElement", ["cite"])%></li>
  <li><%-template("HTMLElement", ["code"])%></li>
  <li><%-template("HTMLElement", ["col"])%></li>
  <li><%-template("HTMLElement", ["colgroup"])%></li>
  <li class="webcomp"><%-template("HTMLElement", ["content"])%></li>
 </ol>
 </li><li>D
 <ol>
  <li class="html5"><%-template("HTMLElement", ["data"])%></li>
  <li class="html5"><%-template("HTMLElement", ["datalist"])%></li>
  <li><%-template("HTMLElement", ["dd"])%></li>
  <li class="webcomp"><%-template("HTMLElement", ["decorator"])%></li>
  <li><%-template("HTMLElement", ["del"])%></li>
  <li class="html5"><%-template("HTMLElement", ["details"])%></li>
  <li><%-template("HTMLElement", ["dfn"])%></li>
  <li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["dir"])%></s></li>
  <li><%-template("HTMLElement", ["div"])%></li>
  <li><%-template("HTMLElement", ["dl"])%></li>
  <li><%-template("HTMLElement", ["dt"])%></li>
 </ol>
 </li><li>E
 <ol>
  <li><%-template("HTMLElement", ["em"])%></li>
  <li class="html5"><%-template("HTMLElement", ["embed"])%></li>
 </ol>
 </li><li>F
 <ol>
  <li><%-template("HTMLElement", ["fieldset"])%></li>
  <li class="html5"><%-template("HTMLElement", ["figcaption"])%></li>
  <li class="html5"><%-template("HTMLElement", ["figure"])%></li>
  <li><s class="deprecatedElement obsoleteElement"><%-template("HTMLElement", ["font"])%></s></li>
  <li class="html5"><%-template("HTMLElement", ["footer"])%></li>
  <li><%-template("HTMLElement", ["form"])%></li>
  <li><s class="obsoleteElement"><%-template("HTMLElement", ["frame"])%></s></li>
  <li><s class="obsoleteElement"><%-template("HTMLElement", ["frameset"])%></s></li>
 </ol>
 </li><li>G H
 <ol>
  <li><%-template("HTMLElement", ["h1"])%></li>
  <li><%-template("HTMLElement", ["h2"])%></li>
  <li><%-template("HTMLElement", ["h3"])%></li>
  <li><%-template("HTMLElement", ["h4"])%></li>
  <li><%-template("HTMLElement", ["h5"])%></li>
  <li><%-template("HTMLElement", ["h6"])%></li>
  <li><%-template("HTMLElement", ["head"])%></li>
  <li class="html5"><%-template("HTMLElement", ["header"])%></li>
  <li class="html5"><s class="deprecatedElement obsoleteElement"><%-template("HTMLElement", ["hgroup"])%></s></li>
  <li><%-template("HTMLElement", ["hr"])%></li>
  <li><%-template("HTMLElement", ["html"])%></li>
 </ol>
 </li><li>I
 <ol>
  <li><%-template("HTMLElement", ["i"])%></li>
  <li><%-template("HTMLElement", ["iframe"])%></li>
  <li><%-template("HTMLElement", ["img"])%></li>
  <li><%-template("HTMLElement", ["input"])%></li>
  <li><%-template("HTMLElement", ["ins"])%></li>
  <li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["isindex"])%></s></li>
 </ol>
 </li><li>J K
 <ol>
  <li><%-template("HTMLElement", ["kbd"])%></li>
  <li class="html5"><%-template("HTMLElement", ["keygen"])%></li>
 </ol>
 </li><li>L
 <ol>
  <li><%-template("HTMLElement", ["label"])%></li>
  <li><%-template("HTMLElement", ["legend"])%></li>
  <li><%-template("HTMLElement", ["li"])%></li>
  <li><%-template("HTMLElement", ["link"])%></li>
  <li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["listing"])%></s></li>
 </ol>
 </li><li>M
 <ol>
  <li class="html5"><%-template("HTMLElement", ["main"])%></li>
  <li><%-template("HTMLElement", ["map"])%></li>
  <li class="html5"><%-template("HTMLElement", ["mark"])%></li>
  <li><s class="nonStdElement"><%-template("HTMLElement", ["marquee"])%></s></li>
  <li class="html5"><%-template("HTMLElement", ["menu"])%></li>
  <li class="html5"><%-template("HTMLElement", ["menuitem"])%></li>
  <li><%-template("HTMLElement", ["meta"])%></li>
  <li class="html5"><%-template("HTMLElement", ["meter"])%></li>
 </ol>
 </li><li>N
 <ol>
  <li class="html5"><%-template("HTMLElement", ["nav"])%></li>
  <li><s class="nonStdElement"><%-template("HTMLElement", ["nobr"])%></s></li>
  <li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["noframes"])%></s></li>
  <li><%-template("HTMLElement", ["noscript"])%></li>
 </ol>
 </li><li>O
 <ol>
  <li><%-template("HTMLElement", ["object"])%></li>
  <li><%-template("HTMLElement", ["ol"])%></li>
  <li><%-template("HTMLElement", ["optgroup"])%></li>
  <li><%-template("HTMLElement", ["option"])%></li>
  <li class="html5"><%-template("HTMLElement", ["output"])%></li>
 </ol>
 </li><li>P
 <ol>
  <li><%-template("HTMLElement", ["p"])%></li>
  <li><%-template("HTMLElement", ["param"])%></li>
  <li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["plaintext"])%></s></li>
  <li><%-template("HTMLElement", ["pre"])%></li>
  <li class="html5"><%-template("HTMLElement", ["progress"])%></li>
 </ol>
 </li><li>Q
 <ol>
  <li><%-template("HTMLElement", ["q"])%></li>
 </ol>
 </li><li>R
 <ol>
  <li class="html5"><%-template("HTMLElement", ["rp"])%></li>
  <li class="html5"><%-template("HTMLElement", ["rt"])%></li>
  <li class="html5"><%-template("HTMLElement", ["ruby"])%></li>
 </ol>
 </li><li>S
 <ol>
  <li><%-template("HTMLElement", ["s"])%></li>
  <li><%-template("HTMLElement", ["samp"])%></li>
  <li><%-template("HTMLElement", ["script"])%></li>
  <li class="html5"><%-template("HTMLElement", ["section"])%></li>
  <li><%-template("HTMLElement", ["select"])%></li>
  <li class="webcomp"><%-template("HTMLElement", ["shadow"])%></li>
  <li><%-template("HTMLElement", ["small"])%></li>
  <li class="html5"><%-template("HTMLElement", ["source"])%></li>
  <li><s class="nonStdElement"><%-template("HTMLElement", ["spacer"])%></s></li>
  <li><%-template("HTMLElement", ["span"])%></li>
  <li><s class="obsoleteElement deprecatedElement"><%-template("HTMLElement", ["strike"])%></s></li>
  <li><%-template("HTMLElement", ["strong"])%></li>
  <li><%-template("HTMLElement", ["style"])%></li>
  <li><%-template("HTMLElement", ["sub"])%></li>
  <li class="html5"><%-template("HTMLElement", ["summary"])%></li>
  <li><%-template("HTMLElement", ["sup"])%></li>
 </ol>
 </li><li>T
 <ol>
  <li><%-template("HTMLElement", ["table"])%></li>
  <li><%-template("HTMLElement", ["tbody"])%></li>
  <li><%-template("HTMLElement", ["td"])%></li>
  <li class="webcomp"><%-template("HTMLElement", ["template"])%></li>
  <li><%-template("HTMLElement", ["textarea"])%></li>
  <li><%-template("HTMLElement", ["tfoot"])%></li>
  <li><%-template("HTMLElement", ["th"])%></li>
  <li><%-template("HTMLElement", ["thead"])%></li>
  <li class="html5"><%-template("HTMLElement", ["time"])%></li>
  <li><%-template("HTMLElement", ["title"])%></li>
  <li><%-template("HTMLElement", ["tr"])%></li>
  <li class="html5"><%-template("HTMLElement", ["track"])%></li>
  <li><s class="obsoleteElement"><%-template("HTMLElement", ["tt"])%></s></li>
 </ol>
 </li><li>U
 <ol>
  <li><%-template("HTMLElement", ["u"])%></li>
  <li><%-template("HTMLElement", ["ul"])%></li>
 </ol>
 </li><li>V
 <ol>
  <li><%-template("HTMLElement", ["var"])%></li>
  <li class="html5"><%-template("HTMLElement", ["video"])%></li>
 </ol>
 </li><li>W
 <ol>
  <li class="html5"><%-template("HTMLElement", ["wbr"])%></li>
 </ol>
 </li><li>X Y Z 
 <ol>
  <li><%-template("HTMLElement", ["xmp"])%></s></li>
 </ol>
    </li>  
   </ol></li>
   </ol>
  </section>
<%}%>
Search for pages that use Template:HTMLRef to see example use cases and how many pages use this macro.

Document Tags and Contributors

Contributors to this page: Sheppy, openjck, teoli
Last updated by: teoli,