What is semantic HTML and why is it important?

What is semantic HTML and why is it important?

What is semantic HTML and why is it important?. a customer walks in and pauses with every item he sees, takes a book after a while of searching, buys it, and leaves the store.

Let’s start with a story

Imagine this scenario, you’ve recently acquired an enormous amount of books and decided to open a book store to sell them, but also to maintain a source of income. Not knowing how book stores should operate and never personally been into one, now you have to think about it yourself and build it from scratch. Let’s bring all books and lay them down on the store floor. Now you’ve decided to start organizing these books in a way that makes it easier for customers to find books they’re interested in. “Shelves!”, your brain shouts. But the only thing you know how to work with is cardboard boxes (hypothetically). So you start making a shelve-like structure from cardboard boxes. You cut the opening lids, set them on their side, put books inside of them, and then piling them on top of each other. Now you’ve realized that you need other items like benches, tables, chairs, cashier desks, all sorts of things. Since you only know how to work with cardboard boxes, you’d start repurposing, reshaping, and painting these boxes to fit these profiles. Now a customer walks in and pauses with every item he sees, takes a book after a while of searching, buys it, and leaves the store.

From your perspective, these items achieved their desired purpose and you’ve actually sold a book. The reason why the customer was pausing in front of each item is that the first impression of looking at each item is that it’s a cardboard box, but it’s shaped like something else, a table, shelves, a chair. This is happening because you’re not using familiar items that were created for this specific purpose. Instead, you’re using one element (cardboard box) to create everything.

semantic-html html web css

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Semantic HTML & Web Accessibility

Semantic HTML & Web Accessibility. I found out about some stuff I did not know I didn’t know this week, and was pretty appalled at this gap in my basic knowledge.

Pure CSS Responsive Image Slider For Web Design in HTML 5 CSS 3 - Web Design

Pure CSS Responsive Image Slider For Web Design in HTML 5 CSS 3 - Web Design

HTML and CSS Tutorial for Beginners | HTML and CSS | HTML CSS Tutorial

HTML and CSS Tutorial for Beginners will provide you with a detailed and comprehensive knowledge about HTML. In this HTML Tutorial for Beginners you will learn HTML concepts from scratch and also how to create your first web page using HTML Tags.

HTML and CSS Tutorial for Beginners | HTML and CSS | HTML CSS Tutorial

HTML and CSS Tutorial for Beginners will provide you with a detailed and comprehensive knowledge about HTML. In this HTML Tutorial for Beginners you will learn HTML concepts from scratch and also how to create your first web page using HTML Tags.

HTML and CSS for beginners in Hindi in 2021| HTML & CSS Tutorial | Learn HTML & CSS

Great Learning brings you this live session on "HTML and CSS for Beginners in Hindi". In this session, you will be learning about languages that base every website on the Internet. We will start right from scratch, firstly by understanding how HTML can be used to define the structure and content of web pages, then we will see how CSS is used to style our webpage and will understand how to use it. Not just this, but the entire session is in Hindi, in a language we’ve found a lot of our learners wanting live sessions in! This session will also help you to answer a variety of questions you may come across, such as - What are Tags?, Elements and Attributes in HTML? What are the different types of selectors in CSS? How we can make our webpage attractive and beautiful with the use of CSS? and a lot more. This session will be an interactive one where you can ask relevant questions throughout the live stream! It is a beginner-friendly live session that aims at helping you get started with HTML and CSS on the right note!