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