Khái niệm cơ bản của HTML5 - núm vú

Sự phát triển mới nhất của HTML là HTML5, nó đưa những bước nhảy vọt về trang web. Thế hệ này cung cấp một bộ các yếu tố và thuộc tính được mở rộng - cho phép thiết kế mới mát mẻ và khả năng tương tác. Bởi vì HTML5 cũng hỗ trợ các thiết bị web di động, nó đã nhanh chóng trở thành tiêu chuẩn mới và bây giờ được hỗ trợ bởi tất cả các trình duyệt chính (mặc dù Internet Explorer yêu cầu trang web bao gồm code shim - một dư thừa đoạn mã được viết theo cách mà Internet Explorer có thể hiểu).

Với việc giới thiệu phần tử mới trong HTML5, bây giờ có một vùng chứa (tương tự như phần tử CSS div) có thể chứa các hình động JavaScript và các hàm tương tác tuyệt vời. Bởi vì JavaScript là một ngôn ngữ kịch bản mạnh mẽ và có thể làm được nhiều điều Flash có thể làm, sự phối hợp giữa canvas và cộng với một cách tiếp cận thay thế thực sự cho hoạt ảnh web được hỗ trợ trên cả trình duyệt trên máy tính để bàn và di động.

Hỗ trợ màn hình cảm ứng

Trong những năm gần đây, sự ra đời của các thiết bị màn hình cảm ứng đã buộc các nhà thiết kế phải suy nghĩ lại cách họ thiết kế các giao diện. Các nhà thiết kế có thể sử dụng một số

sự kiện chạm

: ngón tay vào cái gì đó, ngón tay di chuyển qua phần tử, và ngón tay bị gỡ bỏ - hoặc (bằng các thuật ngữ kỹ thuật hơn) touchstart, touchmove, touchend và touchcancel. Các sự kiện gốc HTML5 này hoạt động trong WebKit (là trình duyệt Chrome và Safari) và cho phép tương tác với bất kỳ loại ngón tay nào như kéo, chụm và thu phóng và xoay.

Vị trí địa lý cho các trang web

Trước đây, để có được vị trí địa lý của người dùng, bạn phải sử dụng tập lệnh kiểm tra IP truy cập vào cơ sở dữ liệu và phỏng đoán hợp lý về vị trí chung của người dùng, chính xác đến cấp khu vực. HTML5 giờ đây hỗ trợ thu thập các vị trí địa lý cụ thể hơn: Sử dụng JavaScript, bạn có thể tìm thông tin về kinh độ và vĩ độ thông qua GPS (cho thiết bị di động) và thông tin router Wi-Fi (cho máy tính xách tay và máy tính để bàn). Bạn thậm chí có thể có được độ cao và dấu thời gian trên vị trí. Tất nhiên, người dùng phải đồng ý tiết lộ thông tin vị trí đó.

Bây giờ, kinh độ và điểm vĩ độ của người dùng chỉ hữu ích khi truy xuất trong một bản đồ - vì vậy bạn phải tích hợp dữ liệu này với API tĩnh của Google. Điều khác cần lưu ý là khi trình duyệt biết vị trí của bạn, bạn cũng có thể theo dõi vị trí của bạn! Điều đó nghe có vẻ là Big Brother-ish, nhưng hãy tưởng tượng một ứng dụng di động biết bạn đang ở đâu trong khu mua sắm và phục vụ các phiếu giảm giá cho các cửa hàng bạn đang ở hoặc gần đó khi bạn di chuyển. Xử lý nội dung mạnh mẽ

Một số nâng cấp trong HTML5 cho phép các nhà thiết kế kiểm soát nhiều hơn các phần tử nội dung khác nhau trên trang. Ví dụ: thuộc tính nội dung mới có thể được gán cho bất kỳ phần tử nào mà bạn muốn người dùng có thể chỉnh sửa - ví dụ: trường văn bản có văn bản mẫu mà người dùng có thể thay thế bằng văn bản mục đích cụ thể.

Nâng cấp khác mà HTML5 cung cấp là mở rộng bộ công cụ thiết kế biểu mẫu. Bây giờ bạn có thể thêm thanh trượt dải, trường tìm kiếm, tùy chọn để chèn văn bản mặc định vào các trường nhập, chẳng hạn như tìm sách, lịch popup để chọn ngày, và thậm chí là một bộ chọn màu để mở bộ chọn màu của máy tính. Ngoài ra, HTML5 cung cấp hỗ trợ nguyên bản cho các phần tử hình yêu cầu. Bạn chỉ cần thêm các thuộc tính cần thiết vào một đầu vào, chọn, hoặc phần tử khu vực văn bản. Cùng với thành phần bắt buộc này mới, CSS cho phép bạn nhắm mục tiêu các trường bắt buộc này và cho chúng một cái nhìn độc đáo.