1. Trang chủ
  2. » Công Nghệ Thông Tin

giới thiệu về các phần tử trong HTML5

4 248 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 4
Dung lượng 19,72 KB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

Một số thuộc tính toàn cục được sử dụng trong các phần tử HTML5 như sau: - class – Định rõ classnames cho một phần tử.. Các đối tượng này có thể được hiển thị trên một trang web HTML5 s

Trang 1

Thuộc tính

Các thuộc tính HTML giúp cung cấp một số ý nghĩa và ngữ cảnh cho các phần tử Một số thuộc tính toàn cục được sử dụng trong các phần tử HTML5 như sau:

- class – Định rõ classnames cho một phần tử

- contextmenu – Định rõ trình đơn ngữ cảnh cho một phần tử

- dir – Định rõ hướng của văn bản hiện tại cho nội dung

- draggable - Định rõ chức năng kéo của một phần tử

- dropzone – Định rõ dữ liệu khi kéo, dữ liệu được sao chép, di chuyển hoặc liên kết, khi thả

- style - Xác định kiểu CSS nội tuyến cho một phần tử

- title - Xác định thông tin bổ sung về phần tử

2.7 Các đối tượng HTML

Các đối tượng là các ký tự đặc biệt được dành riêng trong HTML Các đối tượng này có thể được hiển thị trên một trang web HTML5 sử dụng câu lệnh sau:

Câu lệnh:

&entity_name;

Hoặc

&#entity_number;

Bảng 2.1 một số đối tượng HTML thường được sử dụng

Khoảng trắng    

Trang 2

2.8 Thẻ Container (thẻ chứa) và thẻ độc lập

Có hai loại yếu tố của HTML là các thành phần chứa và độc lập Thành phần containner chứa thẻ bắt đầu, nội dung, tiểu phần tử và thẻ kết thúc Tất cả các phần

tử HTML cơ bản là các phần tử container Một phần tử độc lập bao gồm thẻ bắt đầu và thuộc tính theo sau bởi thẻ kết thúc như /> mà không có bất kỳ nội dung nào

2.9 HTML5 và các thiết bị di động

HTML5 đã giúp tạo ra những ứng dụng di động phong phú hơn Đối với điều này, các API được sử dụng trong HTML5 Các API này hỗ trợ các tính năng ứng dụng Web tiên tiến cho các trình duyệt trên điện thoại di động

HTML5 không được hỗ trợ bởi các thiết bị di động cũ hơn Điện thoại thông minh mới với Apple iOS và Google Android là các hệ điều hành hỗ trợ trình duyệt tuân thủ HTML5 Ngay cả Microsoft Windows 7 for di động sẽ có một trình duyệt mới được phát triển để hỗ trợ các trang web và ứng dụng HTML5 phát triển

Do có nhiều nền tảng di động có sẵn trên các thiết bị di động, sự phát triển của các ứng dụng di động rất khó khăn HTML5 đã cố gắng để tích hợp tất cả các tính năng

để triển khai các ứng dụng di động có thể tương thích trong tất cả các nền tảng HTML5 cung cấp các tính năng như chức năng kéo và thả, nhúng video trong ứng dụng và thậm chí cả khả năng ngoại tuyến

Vì HTML5 tương thích với hầu hết các hệ điều hành di động, tối đa 30% chi phí phát triển cho các hệ điều hành khác nhau được lưu lại Ngoài ra, có sự phụ thuộc

ít hơn vào các thành phần của bên thứ ba, do đó làm giảm chi phí cấp phép Tất cả các thành phần yêu cầu sẽ có sẵn thông qua trình duyệt trong HTML5

2.9.1 Lợi ích của HTML5 đối với phát triển điện thoại di động

Lợi ích của HTML5 đối với phát triển điện thoại di động như sau:

 HMTL5 đã bao gồm các API, do đó các trình cắm thêm trên điện thoại di động không bắt buộc bổ sung

 Phát triển điện thoại di động trở nên dễ dàng hơn vì cần phải có kiến thức về HTML5, CSS và JavaScript Đây là những cách dễ dàng hơn so với các

Trang 3

ngôn ngữ khác được sử dụng cho phát triển điện thoại di động Sự phát triển cũng nhanh hơn trong HTML5

 Có một sự tăng trưởng mạnh mẽ cho các ứng dụng di động và do khả năng tương thích của nó, HTML5 tạo thành nền tảng để phát triển các ứng dụng di động này

 HTML5 tương thích với hầu hết các nền tảng hệ điều hành Các ứng dụng di động được phát triển trên HTML5 có thể chạy trên các trình duyệt của

Android, iOS, Blackberry, Windows Phone và các hệ điều hành di động khác

 Chi phí phát triển để tạo các ứng dụng trong HTML5 thấp

 Các ứng dụng dựa trên vị trí và bản đồ sẽ có hỗ trợ lớn hơn trong HTML5

Kế hoạch là để hỗ trợ các ứng dụng như vậy trên các trình duyệt, do đó làm cho chúng có nền tảng độc lập

 Các chương trình bên thứ ba không bắt buộc trong HTML5 Do đó, các chức năng media như audio và video có chức năng tốt hơn và hỗ trợ cải tiến trong HTML5

 Một phần tử tổ chức nội dung trong một trang Web theo thứ bậc, tạo thành cấu trúc HTML cơ bản

 Phần tử DOCTYPE cho trình duyệt loại tài liệu của bạn

 Một kiểu dữ liệu xác định loại giá trị được gán cho các thuộc tính và kiểu nội dung sẽ được hiển thị trên trang Web

 Các thực thể là các ký tự đặc biệt được dành riêng trong HTML

 Thành phần chứa chứa thẻ bắt đầu, nội dung, tiểu phần tử và thẻ kết thúc

 Một phần tử độc lập bao gồm thẻ bắt đầu và thuộc tính theo sau bởi thẻ kết thúc như /> mà không có bất kỳ nội dung nào

 HTML5 cung cấp các tính năng như chức năng kéo và thả, nhúng video trong ứng dụng và thậm chí cả khả năng ngoại tuyến cho thiết bị di động

Trang 4

Samantha muốn tạo một trang web cho nhóm nhạc mới của mình tên là We Five

Cô ấy muốn thiết kế trang web cho phép công cụ tìm kiếm có được thông tin cần thiết Để công cụ tìm kiếm nhận được thông tin bắt buộc, trang cần có các chi tiết sau:

a Doctype - Xác định loại Doctype trong thẻ

b HTML

i Tiêu đề

ii Tiêu đề - Cung cấp tên của nhóm dàn nhạc trong thẻ

iii Meta - Cung cấp các từ khoá có thể áp dụng cho trang web của nhóm dàn nhạc

c Body - Cung cấp một giới thiệu nhỏ về nhóm nhạc trong phần thân

Thêm bất kỳ nội dung bổ sung và các thông tin khác theo yêu cầu

Ngày đăng: 07/09/2017, 07:59

TỪ KHÓA LIÊN QUAN

w