[email protected]
INR (₹)
₹
India Rupee
$
Singapore Dollar
Your cart is empty
Empty notifications
Login Register

Semantic vs. Non-Semantic Elements

Lesson 13/19 | Study Time: 5 Min
Course: Introduction to HTML
Semantic vs. Non-Semantic Elements

⁕ Semantic elements: Convey meaningful information about the structure of the page. (Short: Convey meaning and structure.)
     ⁕ Examples include <header>, <main>, <nav>, <article>, <aside>, <figure>, <footer>.
⁕ Non-Semantic elements: Purely presentational, used for styling.
     ⁕ Examples include <div>, <span>.

Previous Lesson Next Lesson
AISTECHX International

AISTECHX International

Product Designer
4.92
Faithful User
Expert Vendor
Golden Classes
King Seller
Fantastic Support
Store Best Seller
Forums Top User
Loyal Writer
Profile

Class Sessions

1- What is HTML? 2- Structure of an HTML Document 3- Common HTML Elements 4- Head and Body Elements 5- Document Structure Best Practices 6- HTML Comments 7- Text Formatting Elements 8- Lists and Links 9- Images and Multimedia 10- Creating Form 11- Input types and Attributes 12- Form Best Practises 13- Semantic vs. Non-Semantic Elements 14- Header, Nav, Main, Footer etc. 15- HTML Buttons 16- Block Elements 17- Inline Elements 18- Block vs. Inline 19- <div>, <section>, and Other Structural Elements

Your privacy matters

Cookies and similar technologies are used on our sites to personalize content and ads. You can find further details and change your personal settings below. By clicking OK, or by clicking any content on our sites, you agree to the use of these cookies and similar technologies.

GDPR

When you visit any of our websites, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and manage your preferences. Please note, that blocking some types of cookies may impact your experience of the site and the services we are able to offer.

  • These cookies are necessary for our website to function properly and cannot be switched off in our systems. They are usually only set in response to actions made by you that amount to a request for services, such as setting your privacy preferences, logging in or filling in forms, or where they’re essential to providing you with a service you have requested. You cannot opt out of these cookies. You can set your browser to block or alert you about these cookies, but if you do, some parts of the site will not then work. These cookies do not store any personally identifiable information.
  • These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site, which helps us optimize your experience. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not be able to use your data in this way.
  • These cookies enable the website to provide enhanced functionality and personalization. They may be set by us or by third-party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
  • These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.