Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa

Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa LỜI CẢM ƠN Để hoàn thành bài báo cáo luận văn tốt nghiệp này, chúng em đã nhận được sự giúp đỡ và góp ý nhiệt tình của quý thầy cô và các bạn trường Đại học Giao Thông vận tải TPHCM. Trước hết em xin chân thành cảm ơn quý thầy cô và các bạn trường Đại học Giao Thông vận tải TPHCM, đặc biệt là những thầy cô đã tận tình dạy bảo chúng em suốt thời gian học tại trường. Em xin gửi lời cám ơn sâu sắc đến thầy Nguyễn Lương Anh Tuấn đã dành thời gian và tâm huyết hướng dẫn giúp em hoàn thành báo cáo luận văn tốt nghiệp. Mặc dù chúng em đã có nhiều cố gắng để hoàn thành báo cáo luận văn này, tuy nhiên không thể tránh khỏi những thiếu sót, rất mong nhận được sự đóng góp của quý thầy cô và các bạn! TPHCM - Tháng 03 - năm 2012 SVTH: Phan Thị Ngọc Nhạn Trần Thị Xuân My 1 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa MỤC LỤC CHƯƠNG 1: TỔNG QUAN HTML5 – CSS3 2 CHƯƠNG 1: TỔNG QUAN HTML5 – CSS3 1.1 Giới thiệu chung HTML và CSS 1.1.1 HTML HTML là ngôn ngữ đánh dấu. Ngôn ngữ đánh dấu là một phương pháp cho biết vai trò của các phần tử trong hồ sơ. Nó tập trung vào cấu trung của hồ sơ chứ không phải dạng thể hiện. Ví dụ, chúng ta có thể cho biết rằng một phần văn bản là đoạn văn, còn phần khác là tiêu đề cấp trên, phần khác nữa là tiêu đề cấp dưới. Ta thực thiện những điều này bằng cách đặt mã lệnh (được gọi là các thẻ) vào hồ sơ. HTML có khoảng 30 thẻ được sử dụng phổ biến. 1.1.2 CSS CSS là một tập hợp các hướng dẫn về kiểu, nhằm báo cho trình duyệt Web biết cách hồ sơ HTML sẽ được thể hiện ra sao đối với người dùng. Với CSS, chúng ta có thể xác định các kiểu như kích thước, màu và khoảng cách của văn bản cũng như việc bố trí văn bản, hình ảnh trong trang. CSS còn có thể làm nhiều hơn thế nữa. 1.2 Sự ra đời HTML5 – CSS3 Trong năm 2004, một nhóm các nhà phát triển của Apple, Opera,Mozilla không hài lòng với hướng mà HTML và XHTML hướng tới. Họ thành lập một nhóm gọi là Web Hypertext ApplicationTechnology Working Group(WHATWG). Họ công bố đề xuất đầu tiên vào năm 2005 dưới tên Web Application 1,0.Năm 2006,World Wide WebConsortium (W3C) đã quyết định hỗ trợ chính thức WHATWG chứ không phải là tiếp tục phát triển XHTML.Trong năm 2007,các đặc điểm kỹ thuật mới đã được tái bản bởi W3C theo tên HTML5.Trong khi người ta nghĩ rằng các chi tiết kỹ thuật cuối cùng sẽ không được công bố cho 2 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa đến 2022, thời gian mà bây giờ là được xem xét lại.2009-2010,có một sự quan tâm bùng nổ đến HTML5, và kết quả là tăng số lượng của các trình duyệt và các thiết bị đã được giới thiệu hỗ trợ nó. Chương này đầu tiên sẽ giới thiệu nhiều cấu trúc mới trong các đặc điểm kỷ thuật HTML5. Ngoài ra nó sẽ kiểm tra những thiết bị hỗ trợ cấu trúc HTML5. 1.3 Những đặc tính nổi bật của HTML5 và CSS3 1.3.1 Video và hiệu ứng flash HTML5 sẽ cho phép bạn xem video mà không cần sử dụng 1 plugin như Flash hoặc Silerlight. Những lợi ích với tính năng video của HTML5: Thứ nhất, nó miễn phí và không cần phần mềm Adobe Flash plugin. Thứ hai, Flash có thể làm chậm máy tính của bạn (mặc dù phần mềm tăng tốc phần cứng hardware-accelerated Flash 10.1 – đang trong phiên bản beta – có thể giúp bạn giải quyết vấn đề này). Sau cùng, nó chỉ là một trong nhiều phần mềm đang chạy và chiếm tài nguyên hệ thống. Với HTML5, tính năng video đã được xây dựng sẵn trong đó. Tính năng video mới này chắc chắn sẽ là một sự trợ giúp tuyệt vời cho những người sử dụng Apple iPhone bởi vì Apple phải từ chối khá nhiều để bất kỳ sự điều khiển của nó trên iPhone sẽ được chuyển giao tới cho một ứng dụng khác (dạng điều khiển này thường được biết đến như là một chế độ absolute monarchy). Nhưng cũng hy vọng HTML5 sẽ có lợi cho điện thoại Blackberry, loại điện thoại mà hầu hết không có khả năng hỗ trợ flash. Ngoài ra, HTML5 và CSS3 sẽ giúp các nhà thiết kế Web đễ dàng hơn trong việc tạo ra các hiệu ứng động và các trò chơi tương tác mà không cần dùng đến Flash. Một số ví dụ về những gì bạn có thể làm với HTML5, CSS3 và một ít hỗ trợ từ Javascript đó là Akihabra Games và Star Wars AT-AT Walker. Mặc dụ không thể thay thế hoàn toàn cho Flash nhưng HTML5 và CSS3 có nhiều hứa hẹn trong lĩnh vực này. 1.3.2 Kho lưu trữ Offline: Ứng dụng web tiến tới bước tiếp theo Các ứng dụng web ngày càng trở nên tinh vi, và một số tính năng mới trong HTML5 sẽ giúp chúng tiếp tục được cải thiện. HTML5 cho phép các ứng dụng 3 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa web có khả năng lưu trữ thong tin và tiện ích Internet để sử dụng khi bạn đang offline. Tính năng này cho phép lưu trữ và truy cập dữ liệu như e-mail, lịch và các tiện ích khác thong qua các ứng dụng web, ngay cả khi bạn đang offline, điều này làm cho các ứng dụng web trở nên tốt hơn và hữu dụng hơn. 1.3.3 Công cụ thiết kế mới HTML5 và CSS3 cũng làm cho các ứng dụng web và các trang web hấp dẫn hơn. HTML5 có sẵn các tính năng mới được thêm vào giúp cho việc xây dựng ứng dụng web dễ dàng hơn rất nhiều. Ví dự như nhiều màu sắc hơn và hỗ trợ đường cong, việc làm mờ, góc tròn (thay vì ép buộc các nhà thiết kế web sử dụng các hình ảnh để tạo ra góc tròn), và dĩ nhiên cả việc lưu trữ offline. Tất cả những điều này làm trang web trở nên dễ nhìn hơn, bắt mắt hơn và làm cho mọi thứ sát với những gì mà nhà thiết kế tưởng tượng trong đầu hơn. 1.4 Khả năng tương thích HTML5 và CSS3 Mặc dù HTML5 và CSS3 vẫn chưa được hoàn tất, nhưng chúng đã làm thay đổi bộ mặt của trang web. Một số trình duyệt – như các phiên bản hiện hành của Safari và Chrome – đã thực thiện một số tính năng từ các phiên bản dự thảo của HTML5 và CSS3. Và với việc sử dụng những trình duyệt này, bạn có thể xem nhiều trang web mà trong đó cũng sử dụng HTML5 và CSS3 như CNN.com, The New York Times, Youtube (trong phiên bản beta) và Vimeo. Phiên bản hiện tại của Internet Explorer, trình duyệt IE8, hỗ trợ HTML5 rất hạn chế, tuy nhiên, IE9 sẽ hỗ trợ H264 video, âm thanh nhúng, đồ họa vecto tỷ lệ và CSS3. HTML5 và CSS 3 được kết hợp với các công nghệ web khác như JavaScript – có thể rất hữu ích cho phong cách, định dạng và tốc độ hoạt động của bất kỳ trang web nếu được sử dụng đúng. Hai ngôn ngữ sẽ cách mạng hóa cách chúng ta lập trình và xem internet với các tính năng cải tiến all-in-one, có thể loại bỏ việc phải sử dụng nhiều ứng dụng của bên thứ ba (ví dụ như Flash). 4 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa CHƯƠNG 2: HTML5 2.1 Cấu trúc trang HTML5 2.1.1 Khai báo doctype Bởi vì có một số phiên bản của HTML, trình duyệt yêu cầu một loại DOCTYPE để nói với nó những gì phiên bản sử dụng và làm thế nào để làm cho nó đúng.Phần này, bạn sẽ học cách hình thành một DOCTYPE cho HTML5.Trong một tài liệu HTML hoặc XHTML truyền thống, thẻ DOCTYPE có thể như sau: DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Và còn có nhiều biến thể của DOCTYPE. HTML5 giúp đơn giản hoá DOCTYPE : <DOCTYPE html> 2.1.2 Tạo khai báo mã hóa ký tự Các ngôn ngữ khác nhau sử dụng các bộ ký tự hoặc bảng mã khác nhau. Thẻ này khai báo ký tự được đặt để sử dụng. Các ký tự phổ biến nhất được sử dụng bởi hầu hết các ngôn ngữ là UTF-8. 2.1.3 Tổ chức code sử dụng thành phần tạo khối Trong HTML, chỉ thực sự cách để chia nhỏ một tài liệu thành các thành phần riêng biệt là sử dụng thẻ <div>. HTML5 trình bày một số tùy chọn mới. Trong giải pháp này, bạn sẽ tìm hiểu làm thế nào để sử dụng các thẻ HTML5 mới để tạo ra các phần tài liệu riêng biệt. Các tag <div> thành công phân chia tài liệu thành các thành phần. Tuy nhiên, <div> có rất ít ý nghĩa trong việc xác định các bộ phận của 1 tài liệu. HTML5 cung cấp một số yếu tố cấu trúc mới phân chia tài liệu thành các phần có ý nghĩa. Với thành phần tạo khối mới của HTML5: 2.1.3.1 Thẻ <section> Đại diện cho bất kỳ thành phần nào của tài liệu. Chức năng tương tự như thẻ <div> nhưng cung cấp sự mô tả rõ ràng hơn và nội dung nhạy cảm của việc phân chia tài liệu. Khi tạo 1 section trong 5 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa HTML5, giống như khi sử dụng thẻ <div> trong HTML, ban có thể sử dụng thuộc tính class hoặc id. Khi hai thuộc tính này được áp dụng cho bất kỳ thành phần nào của HTML5, chúng được xem là biến toàn cục. Mỗi id phải là duy nhất, class được sử dụng nhiều lần. 2.1.3.2 Thẻ <article> Được sử dụng đẻ xác định các phần của tài liệu mà ta muốn được độc lập và phân phối từ các phần còn lại của tài liệu. Thẻ này độc lập, có thể có khu vực riêng và các phân khu của nó. 2.1.3.3 Thẻ <aside> Cung cấp một cách mô tả rõ ràng hơn các thành phần trong tài liệu. Đối với nội dung bên cạnh các nội dung chính được đặt. Các nội dung <aside> có liên quan đến nội dung xung quanh nội dung chính. 2.1.3.4 Thẻ <header> Được dùng để tạo ra một tài liệu hay phần tiêu đề. Nó cũng có thể chứa <h1>…<h6>. Ta có thể sử dụng nó để đặt logo và bảng một phần của nội dung thành phần <header>. Đây là cách dễ dàng để tạo ra giới thiệu cho cả tài liệu và section, có thể cả <navigation>. Không thể sử dụng thành phần <header></header> bên trong <footer>, <address> hoặc các thành phần <header> khác. Nếu ta làm thế kết quả sẽ không đúng. 2.1.3.5 Thẻ <hgroup> Cung cấp cho ta khả năng hiển thị nhóm tiêu đề (<h1> đến <h6>) với nhau cho các nhu cầu như tiêu đề thay thế và phân nhóm. Trong một tài liệu HTML5 được xây dựng tốt, các thành phần <hgroup></hgroup> là một cách tuyệt vời để kết hợp chặt chẽ khách nhau nhóm và phân nhóm. Điều này đặc biệt đúng nếu ta đang sử dụng các thành phần <article></article>. Ta được đảm bảo bất kỳ nhóm và phần nhóm kết nối sẽ di chuyển như là một nhóm. 2.1.3.6 Thẻ <footer> 6 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa Tạo ra trang chân cho các tài liệu HTML5. Nó có thể chứa thông tin bản quyền, tác giả thông tin, trích dẫn, chính sách bảo mật. Có thể sử dụng cấu trúc trang chân cho một tài liệu HTML5 hoặc bất kỳ section trong tài liệu đó. Không được sử dụng trong các thành phần <header> hoặc trong một thành phần <footer>. Điều này sẽ hiển thị kết quả tài liệu không đúng mong muốn. 2.1.3.7 Thẻ <nav> Hầu hết các trang web đề có liên kết điều hướng. Các liên kết, cho dù là các siêu liên kết hoặc nút của một số loại, thường được tách ra từ phần còn lại của tài liệu thông qua việc sử dụng một phần <div>. Trong HTML5 chó thể sử dụng <nav> để định hướng web. Kết cấu thành phần <nav></nav> có thể được sử dụng để tạo ra một container để tổ chức các yếu tố điều hướng trong toàn bộ tài liệu HTML5 hoặc trong bất kỳ bộ phận nào của tài liệu. 2.1.3.8 Thẻ <figure> Chèn hình ảnh, minh họa, sơ đồ vào trang web. Cho đến nay, một nhà phát triển chỉ có thể chèn một <img> vào bất cứ nơi nào nó cần thiết. Hiện nay, ta có thể sử dụng đánh dấu chỉ định nơi các con số nên được đặt bằng cách sử dụng thành phần <figure> trong HTML5. 2.1.3.9 Thẻ <dialog> Xác định cuộc trò chuyện trên màn hình. Có 3 phần chính để thẻ <dialog>:  Yếu tố <dialog> gói xác định cuộc trò chuyện.  Thành phần DT xác định người nói.  Thành phần DD xác định các cuộc trò chuyện. 2.2 Thành phần cấu trúc và thành phần ngữ nghĩa của HTML5 2.2.1 Tìm hiểu microdata HTML5 giới thiệu khả năng xác định ngữ nghĩa tùy chỉnh trong một trang web bằng cách sử dụng dữ liệu vĩ mô. Dữ liệu vĩ mô cho phép bạn chỉ định máy có thể đọc các thành phần tùy chỉnh trong một trang web bằng cách sử dụng cú pháp cặp tên – giá trị với nội dung hiện có. 7 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa Các yếu tố tùy chỉnh mà đại diện cho đối tượng được gọi là các item. Các giá trị được gán cho các item và thuộc tính của chúng. để những yếu tố tùy chỉnh này để có giá trị, bạn cần phải định nghĩa một từ vựng tùy chỉnh bao gồm danh sách các thuộc tính có tên thể hiện cho đối tượng.ví dụ, bạn muốn để tạo ra dữ liệu vĩ mô đại diện cho đối tượng người dùng, bạn sẽ phải xác định thuộc tính của nó trong một vốn từ dữ liệu vĩ mô. Từ vựng này sẽ bao gồm việc kê khai các thuộc tính như tên, họ, địa chỉ, và số an sinh xã hội. Để tạo một item, sử dụng thuộc tính itemscope. Để xác định một thuộc tính của một item, sử dụng thuộc tính itemprop.Đặc biệt, các thuộc tính itemscope là yếu tố được kết hợp với một phần tử HTML, và nó cho phépbạn xác định phạm vi của phần tử. Itemscope thuộc tính có thể được liên kết với bất kỳ thành phần nào hợp lệ HTML. 2.2.2 Sử dung thuộc tính itemscope, itemprop Các dữ liệu vĩ mô được giới thiệu bởi HTML5 là một cách để gán nhãn cho nội dung để mô tả loại thông tin cụ thể. Để tạo ra một yếu tố bằng cách sử dụng cú pháp dữ liệu vĩ mô, về cơ bản bạn sẽ khai báo ba thuộc tính tiêu chuẩn trong thẻ HTML: - itemscope: Một thuộc tính Boolean được sử dụng để tạo ra một item -itemprop: Được sử dụng để thêm một thuộc tính cho một item hoặc một trong những hậu duệ của item -itemtype: Được sử dụng để định nghĩa một vốn từ tùy chỉnh Trong giải pháp này, chúng tôi sẽ sử dụng một vốn từ được định nghĩa bởi Google cho mục mà chúng tôi muốn mô tả. 2.2.3 Thẻ <hr> Trong các phiên bản trước của HTML, thẻ <hr> đã được sử dụng đúng cho việc tạo ra các đường ngang trên một trang.trong HTML5, nó đã thay đổi ngữ nghĩa. Tại cái nhìn đầu tiên, các tag <hr> vẻ như nó đang làm chính xác những 8 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa điều tương tự trong HTML5 rằng nó đã ở trước phiên bản của HTML. Tuy nhiên, mục đích của HTML để mô tả các bộ phận khác nhau của tài liệu.Trước đây, tag <hr> vẽ một đường ngang. Trong khi đó dòng có ích, nó thực sự không làm gì để mô tả một phần của tài liệu khác hơn là một đường ngang. W3C đã thay đổi ngữ nghĩa chức năng của thẻ <hr>. Chính thức, mục đích của nó là để xác định "kết thúc của một section và bắt đầu một cái khác "Đây là nơi mà sự nhầm lẫn này bắt đầu: như được thảo luận Chương 1, HTML5 có một thẻ mới được gọi là <section>, được thiết kế để phần riêng biệt. Đây là chủ đề của cuộc tranh luận đang diễn ra giữa các nhà phát triển. Trong bài viết này, sự đồng thuận là có lẽ là <hr>thẻ có thể được sử dụng để các chủ đề riêng biệt trong phần một. Kể từ khi HTML5 vẫn còn là một tác phẩm một công việc trong tiến bộ, và nó có thể sẽ vẫn như vậy trong một thời gian dài, có lẽ là một định nghĩa cuối cùng hơn sẽ đến. 2.2.4 Thẻ <iframe> Bạn có thể sử dụng thẻ <iframe> để tạo ra một trình duyệt trong trình duyệt và mở tài liệu từ nguồn khác.Thẻ này đã tăng lên tầm quan trọng bởi vì HTML5 không hỗ trợ các thuộc tính scrolling, frameborder, và marginheight, tất cả điều đó được hỗ trợ trong các phiên bản trước của HTML. 2.2.5 Thẻ <area> Trong khi bạn có thể sử dụng thẻ <area> trong các phiên bản trước của HTML,phiên bản thực hiện trong HTML5 giới thiệu một số khả năng mới và thú vị. Hãy bắt đầu bằng cách nhìn vào một số vấn đề cơ bản của việc sử dụng thẻ <area> trong HTML5. Thẻ <area> được sử dụng để tạo siêu liên kết bằng cách sử dụng bản đồ hình ảnh. Nói cách khác, nó lấy hình ảnh và phân chia thành các phần, với các siêu liên kết độc đáo của nó. HTML5, tuy nhiên, nhìn vào liên 9 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa kết một chút khác biệt so với các phiên bản trước của HTML. Nó phân chia liên kết thành ba loại: -hyperlink: cho phép người sử dụng để điều hướng đến một nguồn tài nguyên nhất định. -External Resources:liên kết đến các tài nguyên được xử lý tự động để làm tăng thêm tài liệu hiện tại. -Annotations: thay đổi các nguồn tài nguyên tự động được sử dụng trong các external resources chúng cũng có thể thay đổi cách hoạt động của một siêu liên kết. 2.3 HTML Form 2.3.1 Các kiểu input mới trong html5 HTML5 form giới thiệu một thiết lập mới các công cụ để làm cho hình thức phát triển dễ dàng hơn và phong phú hơn.Dưới đây là một số các thành phần form mới được giới thiệu bởi HTML5: - keygen element - output element - progress element - meter element - e-mail input type - url input type - date picker element - time, datetime, month, and week elements - number input type - search input type - range input type - tel input type 10 [...]... lòng 21 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa Để làm như vậy, bạn phải sử dụng các thuộc tính phương tiện truyền thông HTML5 và DOM các sự kiện mà bạn có sử dụng chẳng hạn như quá trình tải, chơi,tạm dừng, và chơi xong 2.4.4 Tải trước video Có hai phương pháp chính để cung cấp các phương tiện truyền thông qua Internet: -streaming:sử dụng một máy chủ và một giao thức cho phép người sử dụng. .. chèn chính xác thông tin về ngày và thời gian, làm giảm hoặc thậm chí loại trừ khả năng lỗi Phát triển Web đã sử dụng chức năng bảng chọn ngày bằng cách sử dụng 17 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa JavaScript có thể được tìm thấy trong các framework AJAX HTML5 giới thiệu một loạt các đánh dấu để làm việc với các ngày và thời gian dễ dàng hơn nhiều .HTML5 giới thiệu một số các loại... nghiệm) 2.3.10 Thiết lập placeholder trong 16 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa Tính khả dụng là một khía cạnh tinh tế và rất quan trọng của ứng dụng web và đặc biệt là các form Nhà phát triển cố gắng làm cho trải nghiệm người dùng với các form dễ chịu nhất có thể bằng cách giảm thiểu các khả năng lổi khi người dùng dữ liệu đầu vào Một thủ thuật đơn giản nhưng hiệu quả là đặt văn... nó là có thể chơi định dạng đó mà không cần phải tải các tập tin 24 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa 2.5 APIs vẽ của HTML5 2.5.1 Vẽ với html5 sử dụng APIs vẽ của thành phần canvas Các thành phần canvas là một khu vực hình chữ nhật mà bạn có thể thêm vào trang HTML5 của bạn, và nó cung cấp một loạt các khả năng đồ họa lớn cho phép bạn có thể kiểm soát tất cả các điểm ảnh thông qua.. .Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa - color input type Khác hơn các loại đầu vào, HTML5 giới thiệu một số thuộc tính mới có thể được sử dụng trong một form như list, autofocus, placeholder, required ,multiply,pattern,autocomplete, min và max, và step.Ngay cả ngữ pháp cho việc kê khai của các thành phần form thay đổi với HTML5 Trong thực tế, bây giờ bạn... bất kỳ giá trị trong lĩnh 11 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa vực này, vì vậy những gì sẽ xảy ra nếu người sử dụng chèn một ký tự hoặc không hợp lệ biểu tượng do nhầm lẫn?Các ứng dụng sẽ phải xác minh nó trên máy khách hoặc máy chủ bên để tránh truyền thông tin không hợp lệ hệ thống thương mại điện tử từ chối (hoặc gửi và hoá đơn số lượng không chính xác) .HTML5 giúp các nhà phát triển... và nó cho phép bạn xuất tập tin của bạn trực 29 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa tiếp như là một tập tin HTML5 với một thành phần canvas và JavaScript mã tương ứng Nó sẽ chuyển đổi màu sắc và gradient tốt Bạn có thể muốn để làm lại mã để tối ưu hóa nó, tất nhiên, nhưng điều này là một plug-in tuyệt vời cho làm việc với nhà thiết kế và để tránh nặng về tính toán,Bạn có thể download... các điểm ảnh của nội dung của nó và vận dụng chúng theo nhiều cách Khi chúng ta nói về vẽ đồ họa, trước 35 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa tiên chúng ta phải chỉ ra rằng canvas không tự có thể vẽ các hoặc có khả năng của riêng mọi thứ mà bạn sẽ làm cho bên trong nó sẽ thực hiện thông qua việc sử dụng mã JavaScript Một điểm quan trọng là Canvas sử dụng một cơ chế đáp lại ngay lập... value="Rigatoni alla Carbonara"> 2.3.8 Xác nhận hợp lệ các điều khiển form 13 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa Trong giải pháp đầu tiên trong chương này, chúng tôi đã giới thiệu cho các bạn làm thế nào để sử dụng được xây dựng trong cơ chế để xác nhận hợp lệ giữ liệu đưa vào Chức năng này là mới của HTML5. Khi bạn làm việc với các form, xác nhận dữ liệu chắc chắn là một khía cạnh... nào để sử 22 Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa dụng thuộc tính: Lưu ý rằng trình duyệt Safari trên iOS bỏ qua các thuộc tính tải trước và không bao giờ tải trước video 2.4.5 Sử dụng thành phần audio Âm thanh là một yếu tố đa phương tiện cũng thường được sử dụng trên Web . thời gian và tâm huyết hướng dẫn giúp em hoàn thành báo cáo luận văn tốt nghiệp. Mặc dù chúng em đã có nhiều cố gắng để hoàn thành báo cáo luận văn này, tuy nhiên không thể tránh khỏi những thiếu sót,. Tìm hiểu HTML5 – CSS3 và xây dụng ứng dụng minh họa LỜI CẢM ƠN Để hoàn thành bài báo cáo luận văn tốt nghiệp này, chúng em đã nhận được sự giúp đỡ và góp ý nhiệt tình của quý thầy cô và các. trung của hồ sơ chứ không phải dạng thể hiện. Ví dụ, chúng ta có thể cho biết rằng một phần văn bản là đoạn văn, còn phần khác là tiêu đề cấp trên, phần khác nữa là tiêu đề cấp dưới. Ta thực thiện