Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The title of a web page should be set in the <code>&lt;title&gt;Title&lt;/title&gt;</code> (located in <code>&lt;head&gt;</code>) as well as on the page (in the <code>body</code>) with an <code>&lt;h1&gt;</code>. This is both semantic and SEO friendly. </p> <p>The "description", if it stands alone, could be a <code>&lt;span&gt;.</code> If it's part of some other text, a paragraph is good, but generally paragraphs don't stand alone, so use a span if that's the case. Image: it depends. If this image is purely for styling - perhaps a swirl in the backround or a gradient - it should be set as the background-image of an element in CSS. If it's actual content (like a logo, photo), then use the <code>&lt;img&gt;</code> tag. I'm going to guess "Open" and "Close" are interactive elements, links, or buttons. If so, use a <code>&lt;button&gt;</code> or an anchor: <code>&lt;a&gt;</code>, not a paragraph. If these are headings, use one of the heading tags. Since you've used <code>&lt;h1&gt;</code>, then use <code>&lt;h2&gt;</code> (unless it's not a very important heading)</p> <p>As to your "Results", <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-section-element" rel="nofollow">according to the spec</a>,</p> <blockquote> <p>The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.</p> </blockquote> <p>Additionally, </p> <blockquote> <p>The section element is not a generic container element. When an element is needed for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element's contents would be listed explicitly in the document's outline.</p> </blockquote> <p>So in your case, a <code>&lt;div&gt;</code> for search results is probably fine. </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload