From 957f4e93110bfd771cc44c7fc052d88f917864c3 Mon Sep 17 00:00:00 2001
From: mdowis <mattdowis@gmail.com>
Date: Wed, 24 Oct 2018 19:40:01 -0400
Subject: [PATCH] Update Intro to Semantic Tags (#19882)

Clarify what semantic and non-semantic tags are. Provide examples of each.
---
 guide/english/html/page-structure/index.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/guide/english/html/page-structure/index.md b/guide/english/html/page-structure/index.md
index 15f6da20c9..f0a538da42 100644
--- a/guide/english/html/page-structure/index.md
+++ b/guide/english/html/page-structure/index.md
@@ -29,8 +29,11 @@ To create your pages in `HTML`, you need to know how to structure a page in `HTM
 ### Changes in HTML5
 
 #### Introduction of semantic tags
-Instead of using `<div>` for every other container several semantic(these tags help screenreaders which are used by visually
-impaired) tags such as `<header>` `<footer>`. So it is advisable to use these tags instead of generic `<div>`. 
+HTML contains both semantic and non-semantic tags. 
+
+Semantic tags are descriptive tags that can easily convey their meaning to both a browser and a developer. Examples of semantic tags are: `<header>`, `<footer>`, `<form>`, `<table>`, `<article>`, etc.
+
+Non-semantic tags are tags that convey nothing about what they contain. Examples of non-semantic tags are: `<div>`, `<section>`, `<span>`, etc.
 
 #### More Information:
 [HTML: Introduction](https://www.w3schools.com/html/html_intro.asp)