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