Power of HTML 5 | HTML vs HTML 5 - Semantic Tags & Deprecated Tags

📃 Here’s a simplified list of HTML tags that were removed in HTML5:

• 1. <acronym> - Replaced by <abbr>.
  2. <applet> - Use <object> instead.
  3. <basefont> - Now done with CSS.
  4. <big> - Handled by CSS.
  5. <center> - Center content using CSS.
  6. <dir> - Use <ul> for lists.
  7. <font> - All font styling is now done with CSS.
  8. <frame> - Use <iframe> for embedding content.
  9. <frameset> - Deprecated, use CSS and <iframe>.
  10. <noframes> - No longer needed, modern layouts work across browsers.
  11. <isindex> - Replaced by <input> and <form>.
  12. <listing> - Use <pre> for preformatted text.
  13. <menu> - The tag was repurposed in HTML5.
  14. <noembed> - Use <object> for embedding fallback content.
  15. <plaintext> - Replaced by <pre>.
  16. <s> and <strike> - Use <del> for deleted text or CSS for strikethrough.
  17. <tt> - Use <code> or <pre> for monospace text.
  18. <u> - No longer just for underlining, use CSS instead.
  19. <xmp> - Use <pre> for preformatted content.
  20. <marquee> - use for moveable text, Removed.
      
      

📒 Note: HTML5 encourages cleaner, more semantic code, often relying on CSS for styling.

1. Semantic Tags:

• <article> - Defines independent content, like a blog post.
• <aside> - For related content, like a sidebar.
• <figcaption> - Caption for a <figure>.
• <figure> - Groups content like images with captions.
• <footer> - Footer of a section or page.
• <header> - Header of a section or page.
• <main> - Main content of the page.
• <mark> - Highlights or marks text.
• <nav> - Navigation links.
• <section> - Divides content into sections.
  
  

2. Media Tags:

• <audio> - Embeds sound files.
• <video> - Embeds video content.
• <canvas> - For drawing graphics via JavaScript.
  
  

3. Form-Related and API Tags:

• <datalist> - Provides a list of options for <input>.
• <output> - Displays calculation results.
• <progress> - Represents task progress.
• <meter> - Displays a measurement within a range.
• <details> - Expandable content sections.
• <summary> - Summary for <details> content.
  
  

4. Others:

• <time> - Represents dates and times.