mozilla
Your Search Results

    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, teoli, DavidWalsh, openjck
    Last updated by: DavidWalsh,