What is HTML, Semantics, Container Tags and Empty Tags?
6 min read
Although, HTML is a very popular web technology and topic, it is still widely misunderstood by a whole lot of developers who are not patient enough to grab the fundamentals or intending developers. Hence, in this article we will look at the meaning of HTML and some concepts surrounding it.
What is HTML?
What is the function of HTML?
HTML describes the structure of a web page semantically and originally included cues for the appearance of the document. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. - Wikipedia
What is Semantic HTML?
Semantic HTML or semantic markup is HTML that introduces special meaning to the web page rather than just presentation. For example, a
tag indicates that the enclosed text is a paragraph. This is both semantic and presentational because people know what paragraphs are, and browsers know how to display them. Semantic HTML ensures that contents in the web browsers are interpreted by the users the same way the browsers interprets it.
By adding semantic tags to your document, you provide additional information about that document, which aids in communication. Specifically, semantic tags make it clear to the browser what the meaning of a page and its content is. That clarity is also communicated with search engines, ensuring that the right pages are delivered for the right queries.
Examples of Semantic HTML tags
Some examples of semantic HTML includes the following tags:
<abbr>- This stands and is used for abbreviation.
<acronym>-This stands and is used for acronym
<p>- This stands and is used for paragraph
<sup>- This stands and is used for superscript
Container and Empty tags
Unofficially, the HTML tags are divided into two types:
- Container tags that have separate opening and closing tags
- Empty tags that are immediately closed after their definition
Examples of Container Tags
|1. ||Used to specify address for author(s) of the document|
|2. ||Used to indicate the term being defined within the context of a definition phrase or sentence.|
|3. ||Used for long quotation|
|4. ||Used for code reference|
|5. ||Used for citation|
|6. ||Used to specify a deleted text|
|7. ||Used to specify an Inserted text|
|8. ||Used to lay emphasis on contents|
|9. ||Used to lay strong emphasis on contents|
|10. ||First-level headline|
|11. ||Second-level headline|
|12. ||Third-level headline|
|13. ||Fourth-level headline|
|14. ||Fifth-level headline|
|15. ||Sixth-level headline|
|16. ||Used to specify a short inline quotation|
|17. ||Used to specify a Sample output|
|18. ||Used to list specify an ordered list|
|19. ||Used to list specify an unordered list|
|20. ||Used to divide the content meaningfully|
Examples of Empty Tags
An empty element is an element from HTML, SVG, or MathML that cannot have any child nodes (i.e., nested elements or text nodes).
|1. ||Used to define an area inside an image map that has predefined clickable areas.|
|2. ||Used to specify the base URL to use for all relative URLs in a document. There can be only one element in a document.|
|3. ||The |
|4. ||The |
|5. ||The |
|6. ||The |
|7. ||The |
|8. ||The |
|9. ||The |
|10. ||The HTML element represents metadata that cannot be represented by other HTML meta-related elements, like |
|11. ||The |
|12. ||The |
|13. ||The |
|14. ||The |
|15. ||The HTML element exists to facilitate generation of key material, and submission of the public key as part of an HTML form.|
|19. ||The |
|20. ||The |
HTML is a very impressive technology and it is quite natural to learn more about it.