Software Engineer Moyo

Full-Stack Developer | Cloud Computing
Design scalable applications & cloud architectures
Web • APIs • AWS • System Design #ALX_SE #Frontend #backend #python

[Software Engineer Moyo @FulStackDevMoyo]

Have you heard of SEMANTIC HTML?
(I will teach you all about it here on my page)
Semantic HTML is one of the most important topics in frontend development. Every professional web developer uses it because it improves:

Accessibility ♿
SEO 🔍
Code readability 📖
Maintainability 🔧
Browser understanding 🌐
Screen reader support 🎧
@XDevelopers @html5 @SoftwareProduc3

[Software Engineer Moyo @FulStackDevMoyo]

Why Semantic HTML Was Created

Before HTML5, developers wrote:

<div id="header">
<div id="nav">
<div id="content">
<div id="footer">

Problems:
Difficult to understand
Poor accessibility

Poor SEO

Search engines couldn't understand structure
HTML5 introduced semantic tags:
<header>
<nav>
<main>
<footer>

Now both humans and machines understand the page.

#TechTwitter #BuildInPublic #CodeHumor

[Software Engineer Moyo @FulStackDevMoyo]

Have you heard of SEMANTIC HTML?
(I will teach you all about it here on my page)
Semantic HTML is one of the most important topics in frontend development. Every professional web developer uses it because it improves:

Accessibility ♿
SEO 🔍
Code readability 📖
Maintainability 🔧
Browser understanding 🌐
Screen reader support 🎧
@XDevelopers @html5 @SoftwareProduc3

[Software Engineer Moyo @FulStackDevMoyo]

Meaning of "Semantic"

Semantic = Meaning

A semantic element tells:

What the content is
Why it exists
How it relates to other content

Examples:

<header>
<footer>
<nav>
<article>
<section>
<main>
<aside>

Each tag has a specific meaning.
@XDevelopers @html5 @react @SoftwareProduc3

[Software Engineer Moyo @FulStackDevMoyo]

What is Semantic HTML?

Semantic HTML means using HTML tags that describe the meaning and purpose of the content.

Instead of telling the browser:

<div>This is navigation</div>

You tell the browser:

<nav>
Navigation Links
</nav>

The second example clearly explains the purpose of the content.

[Software Engineer Moyo @FulStackDevMoyo]

She, A woman made the winning easy in the stadium where South Africa and Mexico is commencing the World Cup 😮‍💨📷👀

[Software Engineer Moyo @FulStackDevMoyo]

Why Semantic HTML Was Created

Before HTML5, developers wrote:

<div id="header">
<div id="nav">
<div id="content">
<div id="footer">

Problems:
Difficult to understand
Poor accessibility

Poor SEO

Search engines couldn't understand structure
HTML5 introduced semantic tags:
<header>
<nav>
<main>
<footer>

Now both humans and machines understand the page.

#TechTwitter #BuildInPublic #CodeHumor

[Software Engineer Moyo @FulStackDevMoyo]

Your PASSWORD is not the ISSUE, FACEBOOK is DOWN GLOBALLY

[Software Engineer Moyo @FulStackDevMoyo]

Facebook is down globally! Is FACEBOOK HACKED down?
#facebookissue #facebookdown

[Software Engineer Moyo @FulStackDevMoyo]

FACEBOOK??? Whatsup! uhn

#facebookissue #facebookdown

[Software Engineer Moyo @FulStackDevMoyo]

How long is this gonna last?

[Software Engineer Moyo @FulStackDevMoyo]

What's happening guys, am getting error url?
https://t.co/U9mDwShjoI

[Software Engineer Moyo @FulStackDevMoyo]

@chaseweko yes i think so

[Software Engineer Moyo @FulStackDevMoyo]

@FollowDMatrix yes just got thesame error

[Software Engineer Moyo @FulStackDevMoyo]

Meaning of "Semantic"

Semantic = Meaning

A semantic element tells:

What the content is
Why it exists
How it relates to other content

Examples:

<header>
<footer>
<nav>
<article>
<section>
<main>
<aside>

Each tag has a specific meaning.
@XDevelopers @html5 @react @SoftwareProduc3

[Software Engineer Moyo @FulStackDevMoyo]

What is Semantic HTML?

Semantic HTML means using HTML tags that describe the meaning and purpose of the content.

Instead of telling the browser:

<div>This is navigation</div>

You tell the browser:

<nav>
Navigation Links
</nav>

The second example clearly explains the purpose of the content.

[Software Engineer Moyo @FulStackDevMoyo]

@freeCodeCamp nice one! let's get to work