Friday 15 August 2014

What html5 tag should be used for filtering search results -


If I have a page with different options for filtering the search result, then the anarchy list with the link, checkbox , Selection, etc.). Should the html5 tag be used to wrap that filter? A "block" tag, an "avi" tag or something else?

  & lt; Div id = "search-filters" & gt; & Lt ;! Should it be a div, a nav, a block? - & gt; & Lt; H3 & gt; Price & lt; / H3 & gt; & Lt; Ul & gt; & Lt; Li & gt; Less than 100 & lt; / Li & gt; & Lt; Li & gt; 100-200 & lt; / Li & gt; & Lt; Li & gt; More than 200 & lt; / Li & gt; & Lt; / Ul & gt; & Lt; H3 & gt; Brand & lt; / H3 & gt; & Lt; Ul & gt; & Lt; Li & gt; Brand A & lt; / Li & gt; & Lt; Li & gt; Brand B & lt; / Li & gt; & Lt; Li & gt; Brand C & lt; / Li & gt; & Lt; / Ul & gt; ... & lt; / Div & gt; & Lt; Section id = "search_results" & gt; ... & lt; / Section & gt; You can use it:  

The code> header element represents a group of introductory or navigational aids .

Note that in the sectioning element (in your case, section ) in header

  & lt; Section id = "search_results" & gt; & Lt; H1 & gt; Search results & lt; / H1> & Lt; Header id = "search-filters" & gt; & Lt ;! - Your filters - & gt; & Lt; / Header & gt; & Lt; Articles & gt; & Lt ;! - Search result 1 - & gt; & Lt; / Article & gt; & Lt; Articles & gt; & Lt ;! - Search result 2 - & gt; & Lt; / Article & gt; & Lt; / Section & gt;   

You can also include h1 in the header also, if you want, if you need a style hook for filter , Then you can use a cover div .

If your filters are not complicated, eg If you offer multiple filters, maybe with subtitles, you can use the inside of the section element header :

  & Lt; Section id = "search_results" & gt; & Lt; H1 & gt; Search results & lt; / H1> & Lt; Header id = "search-filters" & gt; & Lt; Section & gt; & Lt; H2 & gt; Filter results & lt; / H2 & gt; & Lt ;! - Your filters - & gt; & Lt; / Section & gt; & Lt; / Header & gt; & Lt; Articles & gt; & Lt ;! - Search result 1 - & gt; & Lt; / Article & gt; & Lt; Articles & gt; & Lt ;! - Search result 2 - & gt; & Lt; / Article & gt; & Lt; / Section & gt;    

No comments:

Post a Comment