The two articles below represent two sides of the semantics (<section> elements)
ID: 3874025 • Letter: T
Question
The two articles below represent two sides of the semantics (<section> elements) vs. <div> debate in HTML5 web design.
https://www.smashingmagazine.com/2013/01/the-importance-of-sections/ (This author is pro-semantics)
https://www.smashingmagazine.com/2011/11/our-pointless-pursuit-of-semantic-value/ (This author thinks semantics is overrated in web design)
How do you feel about this issue? When is it a good idea to use semantic elements instead of more generic ones? Can you think of an instance when semantic elements would be less desirable than using <div> tags? Extra kudos for either providing screenshots snippets of HTML or writing an HTML snippet to illustrate your thoughts.
Explanation / Answer
Semantics is the study of the meanings of words and phrases in a language. Semantic elements = elements with a denotation. Semantic elements describe its denotation to the browser and the developer.
Say non-semantic elements: <div> and <span> - Describe nothing.
semantic elements: <form>, <table>, and <article> - Clearly defines.
We use those elements to improve the automatic dispensation of credentials. Automated processing happens more often than we think of. Each ranking from search engines is resultant from automated processing of the entire website out there. It's for improving the automated processing of documents. Automated processing happens more often than you realize - each website ranking from search engines is derived from automated processing of all the website out there.
If you visit a web page, you as the human reader can immediately (visually) distinguish all the page elements and more importantly understand the content.
A semantic element clearly contains benefits beyond pure efficiency. They help to develop better site structures, and more importantly. To improve websites’ accessibility it had a major role.
Webflow’s HTML5 tags include: //As given in every sites//
Apart from the general tags some of the tags had gather the maximum attention in the development community are : <audio>, <video> , <canvas> , <small> , <bidi> , <time>
say,
<time datetime="2018-1-1T20:00Z"> New Year</time>
There are some of the tags are also there that are less impressive and can be stop using: <center> , <big> , <align> , <background> .
In the place of div’s all over the place with classes and ID’s semantic HTML5 tags can be used.
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.