gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update Intro to Semantic Tags (#19882)

Browse Source 
Clarify what semantic and non-semantic tags are. Provide examples of each.
This commit is contained in:
mdowis
2018-10-24 19:40:01 -04:00
committed by Josh Alling
parent 43368a718f
commit 957f4e9311
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
guide/english/html/page-structure/index.md
View File

@ -29,8 +29,11 @@ To create your pages in `HTML`, you need to know how to structure a page in `HTM
### Changes in HTML5 ### Changes in HTML5
#### Introduction of semantic tags #### Introduction of semantic tags
Instead of using `<div>` for every other container several semantic(these tags help screenreaders which are used by visually HTML contains both semantic and non-semantic tags.
impaired) tags such as `<header>` `<footer>`. So it is advisable to use these tags instead of generic `<div>`.
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: #### More Information:
[HTML: Introduction](https://www.w3schools.com/html/html_intro.asp) [HTML: Introduction](https://www.w3schools.com/html/html_intro.asp)