It is used to group the elements (normally form controls) that have the capacity to carry out a search or filtering, whether related to the document, the website/webapp or the entire Internet.
It should not be used to present search results, but rather these should go in the <main>
of the page.
What does have to go inside <search>
are the search suggestions and links that are part of the quick search functionality that is usually used in many search engines or filters.
It has an implicit ARIA role search
, thus eliminating the need to add role="search"
to the <form>
. For practical purposes, there is no difference between using one or the other, but <search>
respects the ARIA principle of not using ARIA roles when there is a native element that provides the same functionality.
- Type: block
- Self-closing: No
- Semantic value: Yes
Top comments (2)
I just summarized all the important Codepen Projects, for Budding HTML Developers, in a new post, here : dev.to/linuxguist/45-practical-web...
Hope you find this helpful as well. Saves time for everyone !
Adding to this nice post, here is a mini visual compilation of the important html tags : codepen.io/nathan-sr/full/rNQmmbY
Also, my complete list of public codepen's are here : codepen.io/nathan-sr/pens/public
Hope you find this helpful ! Wish everyone a Rapid Progress in the Wonderful HTML language....