|
|
The According to W3C's HTML documentation: "A section is a thematic grouping of content, typically with a heading." Examples of where a
A web page could normally be split into sections for introduction, content, and contact information. |
Example of HTML <section> Element
Two sections in a document:
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
</section>
<section>
<h1>WWF's Panda symbol</h1>
<p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>
</body>
</html>
Output should be:
Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_section
| What is HTML Semantic | HTML Semantic |
| What is Semantic Elements in HTML | HTML Semantic |
| How to create HTML <section> Element | HTML Semantic |
| How to create HTML <article> Element | HTML Semantic |
| What is Nesting <article> in <section> or Vice Versa | HTML Semantic |
| How to create HTML <header> Element | HTML Semantic |
| How to create HTML <footer> Element | HTML Semantic |
| How to create HTML <nav> Element | HTML Semantic |
| How to create HTML <aside> Element | HTML Semantic |
| How to create HTML <figure> and <figcaption> Elements | HTML Semantic |
| Why Semantic Elements? | HTML Semantic |
| Example of HTML <section> Element | HTML Semantic |
Read Full: | HTML Semantic |
Category: | Web Tutorial |
Sub Category: | HTML Semantic |
Uploaded: | 1 year ago |
Uploaded by: | Admin |
Views: | 178 |