HTML5 সেমান্টিক্স

HTML5 সেমান্টিক্স সেই সেমান্টিক ট্যাগগুলিকে বোঝায় যা একটি HTML পেজকে অর্থ প্রদান করে। HTML5-এ ট্যাগগুলো দুটি ক্যাটাগরিতে ভাগ করা হয়েছে - সেমান্টিক এবং নন-সেমান্টিক। HTML5 HTML-এ বেশ কিছু নতুন সেমান্টিক ট্যাগ নিয়ে এসেছে।

কিছু HTML5 সেমান্টিক ট্যাগ:

HTML5 সেমান্টিক্সের একটি উদাহরণ দেখা যাক:

উদাহরণ

<!DOCTYPE html> <html> <style>    * {       box-sizing: border-box;    }    body {       color: #000;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    header {       background-color: #000;       padding: 20px;       text-align: center;       color: white;    }    nav {       float: left;       width: 20%;       height: 200px;       background: #282828;       padding: 60px 10px;    }    nav ul {       list-style-type: none;       padding: 0;    }    nav ul li a {       text-decoration: none;       color: #fff;    }    article {       float: left;       padding: 80px 10px;       width: 80%;       background-color: #fff;       height: 200px;       text-align: center;    }    section:after {       content: "";       display: table;       clear: both;    }    footer {       background-color: #000;       padding: 20px;       text-align: center;       color: white;    } </style> <body> <h1>HTML সেমান্টিক্স ডেমো</h1> <header>এটি হেডার</header> <section> <nav> <ul> <li><a href="#">হোম</a></li> <li><a href="#">আমাদের সম্পর্কে</a></li> <li><a href="#">যোগাযোগ</a></li> </ul> </nav> <article>এটি একটি আর্টিকেল এলিমেন্ট।</article> </section> <footer>এটি ফুটার</footer> </body> </html>

আউটপুট