👩🏻‍🚒 HTML Questions

• ✅ HTML vs HTML5

• ✅ HTML element vs tags

• ✅ HTML Semantic elements A semantic element clearly describes its meaning to both the browser and the developer.

  Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.

  Examples of semantic elements: <form>, <table>, and <article> - Clearly defines its content.

  article	aside	details
  figcaption	figure	footer
  header	main	mark
  nav	section	summary

• ✅ Semantic HTML

  An important principle in web design is the idea of using HTML elements to indicate what they actually are, rather than how they may appear in the browser by default. This is known as using semantic HTML.

  Some of the benefits from writing semantic markup are as follows:

  • Search engines will consider its contents as important keywords to influence the page's search rankings (see SEO)
  • Screen readers can use it as a signpost to help visually impaired users navigate a page
  • Finding blocks of meaningful code is significantly easier than searching though endless divs with or without semantic or namespaced classes
  • Suggests to the developer the type of data that will be populated
  • Semantic naming mirrors proper custom element/component naming

• ✅ What is the purpose of Doctype

• ✅ What is OG tag why is that required and how that works

• ✅ Why meta tag and what it serve

• ✅ Why its important to use the nav, article, aside, menu, header, footer when every things can be achieve just by div

• ✅ HTML Data attributes

• ✅ What does pre and code tag does

• ✅ span vs div

• ✅ Why samp and kbd tags

• ❌ Accessibility in HTML and explain ARIA

• ❌ a11y in Web

• ❌ What is accessibility and why is that required

• ❌ What is the purpose of alt attribute in Image element in HTML

• ✅ LazyLoading image

• ✅ Meta type and Doctype purpose

• ✅ Working of iframe

• ✅ Self closing tags & Optional tag

• ❌ HTML template language

• ❌ HTML markup validity

• ❌ HTML Preprocessor