HTML5-ல் சில புதிய பக்கக் கட்டமைப்புக் கூறுகள் சேர்க்கப்பட்டுள்ளன. இவை யாவும் <body> …. </body> tag-க்குள் வருவன.

https://commons.wikimedia.org/wiki/File:Html-5.png

article – இது ஒரு இணையப் பக்கத்தின் முக்கியப் பகுதியாக வரும் கட்டுரை, வலைப்பதிவு, பின்னூட்டம் போன்றவற்றைக் குறிக்கப் பயன்படுகிறது.

aside – முக்கியப் பகுதியோட வரும் side bar, widget போன்றவற்றைக் குறிக்கப் பயன்படுகிறது.

 

Header – ஒரு இணைய தளத்தின் மேற்பகுதியில் உள்ள சின்னம் தலைப்பு போன்றவற்றை அப்படியே மாறாமல் அனைத்துப் பக்கங்களிலும் வெளிப்படுத்த பயன்படுகிறது.

 

<header>

<hgroup>

<h1>Header 1</h1>

<h2>Sub Header 2</h2>

</hgroup>

</header>

இதில் hgroup என்பது heading-ஐ ஒரு குழுவாகக் கருத வைக்கிறது.

 

figure – வேறொரு பக்கத்தை சுட்டும் படங்களை உருவாக்க இது பயன்படுகிறது. fig caption என்பது அந்த பக்கத்தின் தலைப்பை வரையறுக்கிறது.


<figure>

<img src="KaniyamLogo.png" alt="logoo" />

<figcaption>

<a href="http://kaniyam.com/logo.png">

Kaniyam Logo</a>, visit the web site for more info.

</figcaption>

</figure>

 

footer – தளத்தின் அடிப்பகுதியைக் குறிக்க footer பயன்படுகிறது. இதில் copyright, menu போன்ற விவரங்கள் இருக்கும்.

<footer>

<h3 id="copyright">Copyright 2015, Creative Commons By Attribution </h3>

</footer>

 

nav – தளத்தின் menu-ஐ வரையறுக்கிறது.

<nav>

<h2>Menu</h2>

<ul>

<li><a href="#Page1">Page1</a></li>

<li><a href="#Page2">Page2</a></li>

<li><a href="#Page3">Page3</a></li>

</ul>

</nav>


section – ஒரு இணையப் பக்கத்தினை பல்வேறு பாகங்களாகப் பிரிக்க இது பயன்படுகிறது.

 

ஒரு HTML5 பக்கத்தின் அமைப்பு இதுபோல இருக்கும்.

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Sample HTML5 document</title>

<script src="samplefile.js"></script>

<link rel="stylesheet" href="stylefile.css">

</head>

<body>

<header>...</header>

<nav>...</nav>

<article>

<section>

...

</section>

</article>

<aside>...</aside>

<footer>...</footer>

</body>

</html>

License

Icon for the Creative Commons Attribution-ShareAlike 4.0 International License

எளிய தமிழில் HTML Copyright © 2015 by து. நித்யா is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License, except where otherwise noted.

Share This Book