What is semantic HTML?

Discussion in 'Web Design' started by Jessus, Jun 3, 2017.

Tags:
  1. Jessus

    Jessus New Member

    Joined:
    Jun 3, 2017
    Messages:
    4
    Likes Received:
    0
    Hello friend,
    What is semantic HTML? Can you explain me, please?
     
  2. Carlos E.

    Carlos E. Moderator
    Staff Member

    Joined:
    Jan 28, 2015
    Messages:
    22
    Likes Received:
    3
    Hello Jessus,

    Semantic HTML is oriented to the meaning and intention of a tag instead of focusing on the format. This could be a bit hard to understand at the beginning, I'll provide you an example:

    The <i> tag was made to set italics to any font in HTML, that's all. The <em> tag has the same result, however, it was created for giving emphasis to any text in HTML. Both tags bring the same result, but one has a direct meaning (em = to give emphasis) and the other tag it just gives the format without specifying any particular circumstance (i = italics).

    Here is a list of semantic HTML tags:

    HTML:
    <abbr> Abbreviation
    <acronym> Acronym
    <blockquote> Long quotation
    <dfn> Definition
    <address> Address for author(s) of the document
    <cite> Citation
    <code> Code reference
    <tt> Teletype text
    <div> Logical division
    <span> Generic inline style container
    <del> Deleted text
    <ins> Inserted text
    <em> Emphasis
    <strong> Strong emphasis
    <h1> First-level headline
    <h2> Second-level headline
    <h3> Third-level headline
    <h4> Fourth-level headline
    <h5> Fifth-level headline
    <h6> Sixth-level headline
    <hr> Thematic break
    <kbd> Text to be entered by the user
    <pre> Pre-formatted text
    <q> Short inline quotation
    <samp> Sample output
    <sub> Subscript
    <sup> Superscript
    <var> Variable or user defined text
    Makes sense?
    Regards,
     
  3. Marklin Pinazo

    Marklin Pinazo New Member

    Joined:
    Jun 1, 2017
    Messages:
    3
    Likes Received:
    0
    Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in web pages and web applications rather than merely to define its presentation or look. Semantic HTML is processed by traditional web browsers as well as by many other user agents.
     

Share This Page