HTML 5 - Tương lai web

Hiện nay, công nghệ dành cho thiết bị di động ngày càng phát triển. Nếu như trước đây, bạn phải dùng chiếc máy tính để bàn (MTĐB) cồng kềnh cùng trình duyệt web IE (Internet Explorer) để lướt web, thì giờ đây với máy tính xách tay (MTXT), điện thoại thông minh (ĐTTM) cùng rất nhiều trình duyệt khác (Firefox, Opera…) ...
Nội dung trích xuất từ tài liệu:
HTML 5 - Tương lai webHTML 5 - Tương lai webHiện nay, công nghệ dành cho thiết bị di động ngàycàng phát triển. Nếu như trước đây, bạn phải dùngchiếc máy tính để bàn (MTĐB) cồng kềnh cùng trìnhduyệt web IE (Internet Explorer) để lướt web, thì giờđây với máy tính xách tay (MTXT), điện thoại thôngminh (ĐTTM) cùng rất nhiều trình duyệt khác(Firefox, Opera…) bạn có thể dễ dàng lướt “net” ởbất kỳ đâu. Tuy nhiên với các thiết bị, trình duyệtweb khác nhau, nội dung hiển thị trên màn hình sẽkhác nhau. Chẳng hạn, trên máy tính bạn xem trangweb này rất tốt, nhưng trên ĐTTM thì giao diện vàcấu trúc trang bị xáo trộn. Hay bạn có thể xem phimrất tốt với IE nhưng với Firefox thì không.Vậy giải pháp nào để người dùng có thể sử dụng bấtkỳ trình duyệt trên bất kỳ thiết bị nào cũng có thểxem được đầy đủ, trọn vẹn nội dung, thông tin trêninternet.HTML5 cho phép nhà phát triển, lập trình web tạo racác trang web có thể hoạt động tốt trên nhiều trìnhduyệt khác nhau của bất kỳ thiết bị nào – từ MTĐB,MTXT cho đến ĐTTM. Không những vậy, HTML5còn đem đến cho người dùng những trải nghiệm vềtốc độ truy cập web nhanh hơn, tốt hơn, tài nguyênphong phú hơn.Một số phần tử mớiHTML5 vẫn giữ lại các cấu trúc cơ bản như, , nhưng được bổ sung cácphần tử mới, chẳng hạn , .Các phần tử trong cấu trúc mới• : chứa thông tin giới thiệu của mộtphần hay một trang hoặc bất cứ thông tin gì của tiêuđề tài liệu hay tiêu đề nội dung của một bảng.• : chứa đường liên kết đến trang khác hoặcphần khác trên cùng trang, không nhất thiết chứa tấtcả liên kết, chỉ cần đường chuyển hướng chính. • : đại diện cho một phần tài liệu hay ứng dụng, cách thức hoạt động tương tự .• : đại diện một phần của trang, có thểđứng độc lập, chẳng hạn blog post, forum entry…hay bất kỳ thành phần nội dung đứng độc lập nào.• : đại diện cho nội dung có liên quan đếnphần tài liệu chính hay các đoạn trích dẫn.• : đánh dấu không chỉ cuối trang hiệnhành mà còn mỗi phần có trong trang. Vì vậy, có thể dùng nhiều lần trong một trang.Hình bên dưới sẽ giúp bạn thấy rõ hơn cấu trúc mới:, không chỉ đại diện chophần đầu, phần cuối của trang hiện hành, mà còn làđại diện phần đầu, phần cuối của một phần tài liệu,hơn nữa, bạn có thể dùng , trong các bảng dữ liệu. Việc sử dụng cấu trúc với cácphần tử mới này giúp việc lập trình thuận tiện hơn.Một số đặc điểm mớiVới sự đóng góp, cải tiến của các nhà phát triển trìnhduyệt như Google (trình duyệt Chrome), Apple(Safari), Mozilla (Firefox),…; HTML5 giờ đây đangdần hoàn thiện và có nhiều đặc tính khá tinh tế:Lưu trữ ngoại tuyến (offline): cho phép lưu trữ dữliệu liên tục hay từng phần mà không cần cài đặt tínhnăng bổ sung (plug-in), tương tự như Google Gears.Miền vẽ (canvas drawing) cho phép tương tác trựctiếp với hình ảnh, biểu đồ, các đối tượng trong game(game component) thông qua các mã lập trình vàtương tác người dùng – không cần Flash hay cácplug-in.Truyền nhận hình ảnh (video) và âm thanh (audio)trung thực: hiện đang trong quá trình hoàn thiện vàthống nhất các chuẩn định dạng. Đến một ngày nàođó, YouTube và Pandora có thể sẽ không cần đếnFlash nhưng vẫn đem đến cho bạn những đoạn video,âm thanh hấp dẫn.Định vị người dùng (geolocation): HTML5 có thểgiúp xác định vị trí của bạn và dùng nó để thực hiệncho một công việc nào đó, chẳng hạn phục vụ chocác kết quả tìm kiếm, cập nhật Twitter hay dùng chocác thiết bị định vị. HTML5 không giới hạn API củanhà cung cấp hay công cụ trình duyệt nào.Mẫu nhập thông minh (smarter form): hộp tìm kiếm,dòng nhập thông tin, vùng thông tin hợp lệ… sẽ đượckiểm soát tốt hơn, ít gây phiền toái cho người dùngkhi họ điền thông tin, dữ liệu.Tiếp cận các ứng dụng web dễ dàng (web applicationfocus): chẳng hạn như việc xây dựng các trang wiki,công cụ kéo thả, bảng thảo luận, chat thời gian thực.Việc thực hiện các ứng dụng này sẽ nhanh chóng hơnvà chúng có thể làm việc như nhau trên các trìnhduyệt. Lợi ích mà HTML5 đem lại Lợi ích to lớn nhất mà HTML5 đem lại là khả năng hỗ trợ API(Application Programming Interface - giao diện lậptrình ứng dụng) và DOM (Document Object Model –mô hình đối tượng tài liệu hay cây cấu trúc dữ liệu).HTML5 cho phép mở rộng dễ dàng với API. Điềunày sẽ giúp các nhà phát triển tự do hơn trong việcsáng tạo các ứng dụng thân thiện hơn với người dùngkhi mà họ còn lệ thuộc vào nền tảng Flash - lưu trữdữ liệu và trình diễn ảnh động. Cùng với việc hỗ trợbộ nhớ ứng dụng (application cache) và khả năngoffline, HTML5 sẽ mở ra nhiều cơ hội tương lai chocác ứng dụng web. Khả năng offline có thể hình dungnhư việc Thunderbird, Outlook cho phép bạn kiểmtra email ngay cả khi bạn làm việc offline nhưng vớiHTML5 bạn sẽ thực hiện điều này qua trình duyệt.Đây là cầu nối quan trọng để mối “lương duyên” giữamáy tính cá nhân và môi trường web sớm hiện thựchơn. Google Gears cho chúng ta khả năng lưu trữ dữliệu offline, Flash đem đến cho người dùng nhữngtrải nghiệm về sức mạnh của bộ nhớ ứng dụng(Pandora dùng nó để lưu trữ thông tin người dùng).Với HTML5, những khả năng này hiện đã sẵn sàngvà có thể dễ dàng mở rộng với JavaScript.Một lợi ích nữa, với HTML5, nhà phát triển chỉ cầnlập trình một lần là có thể dùng được trên nhiều hệthống, không như Flash hay các plug-in khác luôncần có nhiều phiên bản khác nhau dành cho mỗi nềntảng.Mặc dù Flash, SilverLight… vẫn là các plug-in đanghoạt động tốt, nhưng các nhà phát triển vẫn ra sứcủng hộ HTML5. Đơn giản vì: thứ nhất, tuy Flash hoạtđộng tốt nhưng đôi khi nó gây ra hiện tượng rò bộnhớ (memory leak) hay làm nghẽn hệ thống (crash);thứ hai, HTML5 giúp tập trung, quản lý các phần tửtương tác trên trang web một cách tự nhiên, dựa vàocác đoạn mã; thứ 3, HTML5 giúp JavaScipt hiện thựcdễ dàng hơn. Một điểm nữa cho HTML5 là khả nănghỗ trợ nhà lập trình chuyển đổi từ XHTML.Một khi có nhiều trình ...