Scribd
Upload
42 views2 pages

Html5: What Are Semantic Elements?

The document discusses HTML5 semantic elements. It defines semantic elements as those that clearly describe their meaning to both browsers and developers. Examples of semantic elements include <form>, <table>, and <img>. The document also lists new semantic elements introduced in HTML5 such as <header>, <nav>, <section>, and <footer> to define different parts of a web page. HTML5 semantic elements are supported in all modern browsers.

Uploaded by

Javier MCar Mcar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
42 views2 pages

Html5: What Are Semantic Elements?

The document discusses HTML5 semantic elements. It defines semantic elements as those that clearly describe their meaning to both browsers and developers. Examples of semantic elements include <form>, <table>, and <img>. The document also lists new semantic elements introduced in HTML5 such as <header>, <nav>, <section>, and <footer> to define different parts of a web page. HTML5 semantic elements are supported in all modern browsers.

Uploaded by

Javier MCar Mcar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

English activity.

1) A dictation.
2) Arrange the paragraphs for making sense.
3) Write a web page with the same appearance.

HTML5
What are Semantic Elements?
(1) Read about it in HTML5 Browser Support.
(2) Examples of non-semantic elements: <div> and <span> - Tell nothing about its content.
(3) A semantic element clearly describes its meaning to both the browser and the developer.
(4) Examples of semantic elements: <form>, <table>, and <img> - Clearly define its content.
(5) HTML5 semantic elements are supported in all modern browsers.
(6) In addition, you can "teach" older browsers how to handle "unknown elements".

Browser Support

New Semantic Elements in HTML5


(7) HTML5 offers new semantic elements to define different parts of a web page:
(8)

 header

 nav

 section

 article

 aside

 footer

(9) Many web sites contain HTML code like: <div id="nav"> <div class="header"> <div
id="footer"> to indicate navigation, header, and footer.
Right order
HTML5
What are Semantic Elements?
(3) A semantic element clearly describes its meaning to both the browser and the developer.
(2)(4) Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.
(4)(2) Examples of semantic elements: <form>, <table>, and <img> - Clearly defines its content.
(5) HTML5 semantic elements are supported in all modern browsers.
(6) In addition, you can "teach" older browsers how to handle "unknown elements".
(1) Read about it in HTML5 Browser Support.

Browser Support

New Semantic Elements in HTML5


(9) Many web sites contain HTML code like: <div id="nav"> <div class="header"> <div
id="footer"> to indicate navigation, header, and footer.
(7) HTML5 offers new semantic elements to define different parts of a web page:
(8)

 header

 nav

 section

 article

 aside

 footer

You might also like