CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>The q element: Summarized test results</title> <meta name="description" content="Summary of results of CSS3 Text module tests" /> <script type="text/javascript"> var f = { } // AUTHORS should fill in these assignments: f.directory = 'results'+'/' // the path to this file, not including /International or the file name f.filename = 'the-q-element' // the file name WITHOUT extensions f.authors = 'Richard Ishida, W3C' // author(s) and affiliations f.previousauthors = '' // as above f.modifiers = '' // people making substantive changes, and their affiliation f.searchString = 'results-the-q-element' // blog search string - usually the filename without extensions f.firstPubDate = '2015-08-23' // date of the first publication of the document (after review) f.lastSubstUpdate = { date:'2015-08-24', time:'10:07'} // date and time of latest substantive changes to this document f.status = 'notreviewed' // should be one of draft, review, published, notreviewed or obsolete f.path = '../../i18n-drafts/' // what you need to prepend to a URL to get to the /International directory // AUTHORS AND TRANSLATORS should fill in these assignments: f.thisVersion = { date:'2016-04-11', time:'19:37'} // date and time of latest edits to this document/translation f.contributors = '' // people providing useful contributions or feedback during review or at other times // also make sure that the lang attribute on the html tag is correct! f.sources = '' // describes sources of information // TRANSLATORS should fill in these assignments: f.translators = 'xxxNAME, ORG' // translator(s) and their affiliation - a elements allowed, but use double quotes for attributes f.breadcrumb = 'tests' f.additionalLinks = '' </script> <script src="the-q-element-data/translation.js"> </script> <script src="../../i18n-drafts/javascript/doc-structure/article-dt.js"> </script> <script src="../../i18n-drafts/javascript/boilerplate-text/boilerplate-en.js"></script> <script src="../../i18n-drafts/javascript/doc-structure/article.js"> </script> <script src="../../i18n-drafts/javascript/articletoc-html5.js"></script> <link rel="stylesheet" href="../../i18n-drafts/style/article-2016.css" type="text/css" /> <link rel="copyright" href="#copyright"/> <link rel="stylesheet" href="results.css" type="text/css" /> <script src="../batches/the-q-element-data.js"></script> <script src="../batches/the-q-element.json"></script> <script src="results-functions-k.js"></script> </head> <body> <header> <nav id="mainNavigation"></nav><script>document.getElementById('mainNavigation').innerHTML = mainNavigation</script> <h1>Summarized test results: <br> The <code class="kw" translate="no">q</code> element</h1> </header> <section> <div id="audience"> <p><span id="intendedAudience" class="leadin">Intended audience:</span> HTML coders, script developers, Web project managers, and anyone who wants to know how browsers render the <code class="kw" translate="no">q</code> element.</p> <div id="updateInfo"></div><script>document.getElementById('updateInfo').innerHTML = g.updated</script> </div> <section> <p>These tests check how user agents render the text contained in the <code class="kw" translate="no">q</code> element, in the default case (ie. no CSS styling).</p> <p>To see the test, click on the link in the left-most column. To see detailed results for a single test, click on a row and look just above the table. The detailed results show the date(s) the test result was recorded, and the version of the browser tested. The tables only show the results of the latest test. The detailed results may show additional tests on earlier versions of the same browser.</p> <p>Any dependencies are shown in notes above the table, and notes below the table will usually provide any additional useful information, including an explanation of why a result was marked as 'partially successful'.</p> <p><strong>Key:</strong></p> <table class="results" style="margin-right: 32%;"> <tbody> <tr> <td class="pass" style="min-width:8em; padding: .5em">pass</td> <td class="fail" style="min-width:8em; padding: .5em">fail</td> <td class="partial" style="min-width:8em; padding: .5em">partially successful</td> </tr> </tbody> </table> </section> </section>  <br style="clear:both;"/>  <section> <h2 id="basic"><a href="#basic">Basic tests</a></h2> <div id="basic-data"></div> </section> <section> <h2 id="language"><a href="#language">Language responsiveness</a></h2> <div id="language-data"></div> <section class="notes"> <p class="notesheader">Notes</p> <ol> <li><strong>q-lang-003</strong>: Edge renders some of the language-specific quotation marks in the same forms as recommended by the HTML spec, but in many cases it simply renders the default form. Also, in several cases, such as Canadian French, the quotation marks used are the same, but in reversed order for top-level vs. nested quotes.</li> </ol> </section> </section> <section> <h2 id="ml_nesting"><a href="#ml_nesting">Multilingual nesting</a></h2> <div class="dependencies"> <p class="notesheader">Dependencies</p> <ol> <li>These tests are only significant if <strong>q-lang-001</strong> shows that language settings influence the choice of quotation marks, and if the expected glyphs are rendered for english and japanese quotation marks.</li> </ol> </div> <div id="ml_nesting-data"></div> </section>  <script> // DRAW THE TABLES drawResults( 'basic', // sectionid 'html/semantics/text-level-semantics/the-q-element', // base 'the-q-element', // batch [ 'q-001.html', 'q-002.html', 'q-003.html', 'q-004.html', 'q-005.html', ] ) drawResults( 'language', // sectionid 'html/semantics/text-level-semantics/the-q-element', // base 'the-q-element', // batch [ 'q-lang-001.html', 'q-lang-002.html', 'q-lang-am.html', 'q-lang-ar.html', 'q-lang-bn.html', 'q-lang-chr.html', 'q-lang-el.html', 'q-lang-fa.html', 'q-lang-fr.html', 'q-lang-fr-ch.html', 'q-lang-gu.html', 'q-lang-he.html', 'q-lang-hi.html', 'q-lang-hu.html', 'q-lang-ja.html', 'q-lang-km.html', 'q-lang-ko.html', 'q-lang-lo.html', 'q-lang-my.html', 'q-lang-nl.html', 'q-lang-pa.html', 'q-lang-ta.html', 'q-lang-th.html', 'q-lang-zh.html', 'q-lang-zh-hans.html', 'q-lang-zh-hant.html', ] ) drawResults( 'ml_nesting', // sectionid 'html/semantics/text-level-semantics/the-q-element', // base 'the-q-element', // batch [ 'q-multilingual-nesting-001.html', 'q-multilingual-nesting-002.html', 'q-multilingual-nesting-003.html', 'q-multilingual-nesting-004.html', ] ) </script> <section> <h2 id="endlinks"><a href="#endlinks">Links</a></h2> <aside class="section" id="survey"> </aside><script>document.getElementById('survey').innerHTML = g.survey</script> <ul id="full-links"> <li> <p><a href="https://www.w3.org/TR/html5/text-level-semantics.html#the-q-element">HTML5, 4.5.7 The q element</a></p> </li> <li> <p><a href="https://www.w3.org/TR/html5/rendering.html#quotes">HTML5, 10.3.6 Quotes</a></p> </li> <li> <p><a href="/International/tests/">i18n test suite home</a></p> </li> </ul> </section> <footer id="thefooter"></footer><script type="text/javascript">document.getElementById('thefooter').innerHTML = g.bottomOfPage</script> <script type="text/javascript">completePage()</script> <script type="text/javascript"> generateStuffInPage(); </script> </body> </html>