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

Thảo luận trong 'Thiết kế web/ app - Phần mềm #' bắt đầu bởi ECBdatecom, 2/7/15.

  1. ECBdatecom

    ECBdatecom New Member

    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.

    [​IMG]
    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:someone@example.com”>
    someone@example.com</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
    [​IMG]
    Nguồn: Tìm hiểu các yếu tố ngữ nghĩa trong HTML5
    —-

    Trung tâm đào tạo hoc php chuyên nghiệp Vietpro Education
     
  2. vaynhanh

    vaynhanh New Member

    HTML5 có nhiều cái mới hay thật, hi vọng tốc độ sẽ được cải thiện hơn.
     
  3. nangthang12

    nangthang12 New Member

    những gì thay đổi cho đến nay thật tuyệt vời
     

Chia sẻ trang này