BÀI 1 NHỮNG KHÁI NIỆM ðẦU TIÊN VỀ HTML5 MỤC TIÊU BÀI HỌC !  ðịnh ngh󲚵a về HTML5 !  Tổng quát về cú pháp của HTML5 !  Một số thành phần mới của HTML5 !  Tổng quan về HTML5 API (giao diện lập trình ứng dụng) và công nghệ hỗ trợ !  Giới thiệu CSS3 Slide 1 - Những khái niệm ñầu tiên về HTML5 2 ðỊNH NGH󲚴A HTML5 ðỊNH NGH󲚴A HTML5 Slide 1 - Những khái niệm ñầu tiên về HTML5 4 !   Thành phần của HTML5: !∀#∃%!&∋∃()∗∃ !∀+,−∃./∀∃0112∃ 34546−7∗89∃∃ 0:/;∃/;∀<∃∀=∃97>∃9?−∀∃≅∗<9∃ HTML5 ðỊNH NGH󲚴A HTML5 !   HTML5 và họ HTML5: !  HTML5: •  Là những thành phần 󲚝ánh dấu/ cú pháp mới •  Các thẻ (tag) •  Ví dụ: <ul>, <li>, <div>, … !  Họ HTML5: •  Bao gồm các thẻ mới •  Công nghệ mới: CSS3, Geolocation, Web storage, web workers, web socket •  Tác dụng của công nghệ mới: –  Cung cấp tính n󲚏ng mạnh mẽ cho bộ công cụ –  Tạo ra website hữu dụng & tinh xảo Slide 1 - Những khái niệm ñầu tiên về HTML5 5 ðỊNH NGH󲚴A HTML5 !   Phạm vi sử dụng HTML5: !  PC !  Thiết bị di ñộng & smartphone !   Slide 1 - Những khái niệm ñầu tiên về HTML5 6 TỔNG QUAN VỀ CÚ PHÁP HTML5 TỔNG QUAN VỀ CÚ PHÁP HTML5 !   Ngôn ngữ HTML5 giới thiệu một số thẻ/ thành phần mới giúp cấu trúc trang web ñược logic thiết thực hơn Slide 1 - Những khái niệm ñầu tiên về HTML5 8 !∀#∃%&∋(%&)∗+,−& ./012& ΑΒ∗5∃#345∀6736∗5&Χ∃!∀∗6∃∗6∃(∆∃∀Ε4ΒΕ7∃ ΑΦΒ∗5Χ∃ ∃ ∃ Γ∀Ε4ΒΕ7∃Η∃Ι∗Β9∀ϑΚΛΜ8ΝΟ∃∀Ε∗;∀9ϑΠΜΜ8ΝΟ∃ ≅4−Θ;7Ρ+/ΒΣ−ΡΤΡ7ϑ;74∆Ο∃ Υ∃ ∃ ∃ ∃ ∃ Α∀Ε4ΒΕ7Χ∃!∀∗6∃∗6∃(∆∃∀Ε4ΒΕ7∃ΑΦ ∀Ε4ΒΕ7Χ∃ ∃ ∃ ∀Ε4ΒΕ7∃Η∃Ι∗Β9∀ϑΚΛΜ8ΝΟ∃∀Ε∗;∀9ϑΠΜΜ8ΝΟ∃ ≅4−Θ;7Ρ+/ΒΣ−ΡΤΡ7ϑ;74∆Ο∃ Υ∃ ∃ TỔNG QUAN VỀ CÚ PHÁP HTML5 !   Thành phần mới trong HTML5: !  A: <header> !  B: <nav> !  C: <section> !  D:<article> !  E: <aside> !  F: <footer> Slide 1 - Những khái niệm ñầu tiên về HTML5 9 TỔNG QUAN VỀ CÚ PHÁP HTML5 !   Tên của thành phần mới dựa theo tên các thành phần thông dụng ñược sử dụng trong phần bố cục trang web hiện nay (div id="footer",div id="nav", ). !   Tác dụng của các thành phần mới trong HTML5: !  Giảm bớt sự phụ thuộc vào thẻ <div> !  Thay thế bởi một cấu trúc trang web thống nhất, dễ ñọc hơn !   HTML5 không thay thế bất k󲣞 cú pháp HTML nào; mà chỉ bổ sung thêm các thành phần (thẻ) mới vào danh sách hiện có Slide 1 - Những khái niệm ñầu tiên về HTML5 10 [...]... type="email" required> Slide 1 - Nh ng khái ni m ñ u tiên v HTML5 17 THÀNH PH N M I C A HTML5 !   M t s thành ph n m i khác: !   , : gán nhãn (ho c chú thích nh) cho các hình nh trên trang web !   : nhóm m t t p các thành ph n vào m t thành ph n h p lý !   … Slide 1 - Nh ng khái ni m ñ u tiên v HTML5 18 T NG QUAN V HTML5 API T NG QUAN V HTML5 API !   API (Application Programming... khái ni m ñ u tiên v HTML5 23 T NG QUAN V HTML5 API ΤΡ−4Τ19Ρ74;Εϑ∃ βχ∃Τ∗ .  Giới thiệu CSS3 Slide 1 - Những khái niệm ñầu tiên về HTML5 2 ðỊNH NGH