Tìm hiểu các yếu tố ngữ nghĩa tồn tại HTML5 bạn cần biết

Yếu tố ngữ nghĩa là gì?
Một yếu tố ngữ nghĩa rõ ràng mô tả ý nghĩa của nó đối với các trình duyệt và các nhà phát triển.
- <div> and <span> : về nội dung trong nó
- <form>, <table>, and <img>: Xác định rõ nội dung trong thẻ là gì

Các ngữ nghĩa mới trong HTML5
Nhiều Website gồm các code như <div id=”nav”> <div class=”header”> <div id=”footer”> để chỉ ra các navigation, header, and footer.


Sau đây, chúng ta sẽ đi tìm hiểu các phần:

1. HTML5 <section> Element
Section chuyên dùng để chỉ định nội dung trong đó. Một website có thể được chia thành các phần giới thiệu, nội dung và thông tin liên hệ.

Ví dụ:

WWF

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.

WWF’s Panda symbol

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.

>>Code:

<section>

<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is….</p>

</section>

2. HTML5 <header> Element

- <Header> chỉ rõ một tiêu đề cho một tài liệu hoặc phần.
- <Header> yếu tố nên được sử dụng như một container cho nội dung giới thiệu.
- Bạn có thể có nhiều <header> yếu tố trong một tài liệu.

3. HTML5 <footer> Element
- Các <footer> chỉ rõ một chân cho một tài liệu hoặc phần.
- A <footer> yếu tố phải có thông tin về nguyên tố chứa của nó.
- Phần footer thường có chứa các tác giả của thông tin tài liệu, bản quyền, liên kết đến các điều khoản sử dụng, thông tin liên lạc, vv

Ví dụ:
<footer>
<p>Posted by: Hege Refsnes</p>
<p>Contact information: <a href=”mailto:[email protected]”>
[email protected]</a>.</p>
</footer>

4. HTML5 <nav> Element
- <nav> yếu tố định nghĩa một tập hợp các liên kết điều hướng.
- <nav> được dành cho khối lượng lớn các liên kết điều hướng. Tuy nhiên, không phải tất cả các liên kết trong một tài liệu phải được bên trong một <nav> yếu tố!

Ví dụ:
<nav>
<a href=”/html/”>HTML</a> |
<a href=”/css/”>CSS</a> |
<a href=”/js/”>JavaScript</a> |
<a href=”/jquery/”>jQuery</a>
</nav>

5. HTML5 <aside> Element
- <aside> yếu tố xác định một số nội dung ngoài nội dung nó được đặt trong (giống như một sidebar).
- Các nội dung sang một bên nên liên quan đến các nội dung xung quanh.
Ví dụ :
<p>My family and I visited The Epcot center this summer.</p>

<aside>
<h4>Epcot Center</h4>
<p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>

Cá yếu tố ngữ nghĩa trong HTML5

Nguồn: Tìm hiểu các yếu tố ngữ nghĩa trong HTML5
—-

Trung tâm đào tạo lập trình php chuyên nghiệp Vietpro Education