Ngữ nghĩa HTML5

Ngữ nghĩa HTML5 đề cập đến các thẻ ngữ nghĩa cung cấp ý nghĩa cho một trang HTML. Trong HTML5, các thẻ được chia thành hai loại - có ngữ nghĩa và không có ngữ nghĩa. HTML5 mang đến một số thẻ ngữ nghĩa mới cho HTML.

Một số thẻ Ngữ nghĩa HTML5 là -

Phần Dấu

Thẻ	Giải thích
hình	Nó chỉ định một hình ảnh với các định dạng khác nhau.
bài báo	Nó chỉ định một bài báo tự chứa độc lập.
nav	Nó chỉ định một vùng chứa cho các liên kết điều hướng.
sang một bên	Nó chỉ định một thẻ cho nội dung ngoài nội dung chính (như một thanh bên).
	Nó đại diện cho một phần trong tài liệu.
chi tiết	Nó chỉ định một thẻ để biết thêm chi tiết.
tiêu đề	Nó chỉ định tiêu đề cho một phần hoặc cho một tài liệu.
footer	Nó chỉ định chân trang cho một phần hoặc cho một tài liệu
mô tả	Nó chỉ định một mô tả nhỏ cho hình ảnh trên tài liệu HTML.
chính	Nó chỉ định nội dung chính của trang và nó phải là duy nhất.
tóm tắt	Nó chỉ định một tiêu đề cho phần tử .
	Nó chỉ định văn bản được đánh dấu.

Hãy để chúng tôi xem một ví dụ về Ngữ nghĩa HTML5 -

Ví dụ

<!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 Semantics Demo</h1>
<header>This is Header</header>
<section>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<article>This is an article element.</article>
</section>
<footer>This is Footer</footer>
</body>
</html>

Đầu ra

Ngữ nghĩa HTML5