cheap jersey wholesale
Thiết kế html5 và khái niệm

Qua bài này các bạn sẽ  được biết thêm về công nghệ của html5 và tìm hiểu thêm được 1 số thẻ trong html5, công cụ thiết kế html5

Lặp đi lặp lại tiếp theo của HTML đã được đáp ứng phần nào  sự phấn khích , căm ghét bởi những người khác và  lẫn sợ hãi của tất cả mọi người khác. Dù yêu nó hay ghét nó, HTML 5 sẽ sớm xác định cách bạn xây dựng trang web. Đây là bài viết đầu tiên trong một loạt sẽ giới thiệu HTML5  phần bốn và các tính năng cơ bản của nó cũng như giải thích sự khác biệt quan trọng từ HTML4.01 và XHTML 1.0, do đó bạn có thể bắt đầu chuẩn bị cho mình và các trang web của bạn cho quá trình chuyển đổi. Trong những tuần tiếp theo chúng ta sẽ tập trung vào ba lĩnh vực chính:

1. New Elements
2. Semantic Thay đổi
3. Bắt nó làm việc hôm nay

Bài viết này một thời gian ngắn sẽ giới thiệu các chủ đề này để chuẩn bị cho bạn các bài viết chuyên sâu trước.

API

Trước khi chúng tôi đi sâu vào các chủ đề được liệt kê ở trên, tôi muốn để mất một phút để nhìn vào một tính năng cực kỳ quan trọng mà chúng ta sẽ không được biết  trong bài viết chuyên dụng khác: các API mới. HTML5 bao gồm một số các API mới được tích hợp với một số các yếu tố HTML5 mới (mà chúng ta sẽ được xem xét sau). Dưới đây là danh sách đầy đủ trực tiếp từ W3.org :

Bản vẽ 2D API có thể được sử dụng với các yếu tố canvas mới.
API để chơi video và âm thanh có thể được sử dụng với video mới và các yếu tố âm thanh.
Một API cho phép các ứng dụng web offline.
Một API cho phép một ứng dụng Web để đăng ký cho các giao thức nhất định hoặc các phương tiện truyền thông các loại.
Biên tập API kết hợp với một thuộc tính mới contentEditable toàn cầu.
Kéo và thả API kết hợp với một thuộc tính kéo.
API phơi bày lịch sử và cho phép các trang web để thêm vào nó để ngăn chặn vi phạm các nút quay lại.
Cross-tài liệu tin nhắn.
Như bạn có thể thấy, mục đích chính của những API này là để tạo điều kiện thuận lợi cho việc tạo ra ứng dụng web. Chú ý các API thứ ba cho phép các ứng dụng web. Đây là tin tức tuyệt vời cho người sử dụng và lập trình như nhau bởi vì nó cho phép việc sử dụng các ứng dụng phong phú, internet theo định hướng trong một môi trường offline. Bạn có thể mong đợi để xem nhiều ứng dụng ưa thích của bạn theo Gmail trong việc giới thiệu truy cập offline.

Các yếu tố mới trong HTML5

HTML5 giới thiệu một vài yếu tố mới. Thứ 2 trong loạt bài này sẽ xem xét một vài trong số những chi tiết, nhưng bây giờ đây là danh sách đầy đủ với các mô tả ngắn gọn :

  • <article> Xác định nội dung bên ngoài

 

  • <aside> Xác định một số nội dung sang một bên từ bài báo được đặt trong

 

  • <audio> Xác định âm thanh, chẳng hạn như âm nhạc hoặc các âm thanh khác luồng

 

  • <canvas> Định nghĩa đồ họa, chẳng hạn như đồ thị hoặc hình ảnh khác

 

  • <command> Định nghĩa một nút lệnh, giống như một radiobutton, checkbox, hoặc một nút

 

  • <datagrid> Định nghĩa một danh sách các dữ liệu lựa chọn. DataGrid được hiển thị như là một danh sách cây

 

  • <datalist> Định nghĩa một danh sách các dữ liệu lựa chọn. Sử dụng yếu tố này cùng với các yếu tố đầu vào, để làm cho một danh sách thả xuống cho giá trị của đầu vào

 

  • <datatemplate> Định nghĩa một container cho các dữ liệu mẫu. Yếu tố này phải có yếu tố con để xác định một mẫu: <rule> yếu tố

 

  • <details> Định nghĩa chi tiết của một phần tử, mà người dùng có thể nhìn thấy, và click để ẩn

 

  • <dialog> Xác định một hộp thoại, chẳng hạn như một cuộc hội thoại

 

  • <embed> Xác định nội dung được nhúng, chẳng hạn như một plug-in

 

  • <event-source> Định nghĩa một nguồn cho các sự kiện được gửi bởi một máy chủ

 

  • <figure> sử dụng để nhóm một số yếu tố

 

  • <footer> Xác định các chân của một phần hoặc một tài liệu. Thông thường có chứa tên của tác giả, ngày tài liệu được viết và / hoặc thông tin liên lạc

 

  • <header> Xác định tiêu đề của một phần hoặc một tài liệu

 

  • <mark> Xác định văn bản đánh dấu. Sử dụng thẻ <mark> nếu bạn muốn để làm nổi bật các bộ phận của văn bản của bạn

 

  • <meter> Định nghĩa một phép đo. Chỉ được sử dụng cho các phép đo với một mức tối thiểu và giá trị tối đa

 

  • <nav> Định nghĩa một phần của chuyển hướng liên kết

 

  • <nest> Định nghĩa một nestingpoint trong một datatemplate cho các yếu tố trẻ em. Được sử dụng cùng với các yếu tố <datatemplate> và <rule>

 

  • <output> Xác định loại khác nhau của đầu ra, chẳng hạn như đầu ra bằng văn bản của một kịch bản

 

  • <progress> Xác định công việc theo tiến độ. Sử dụng các yếu tố tiến bộ để hiển thị sự tiến bộ của một hàm thời gian trong JavaScript

 

  • <rule> Xác định các quy tắc để cập nhật một datatemplate. Được sử dụng cùng với các yếu tố <datatemplate> và <nest>

 

  • <section> Xác định các phần trong một tài liệu. Chẳng hạn như chương, tiêu đề, cuối trang, hoặc bất kỳ phần khác của tài liệu

 

  • <source> Xác định phương tiện truyền thông các nguồn lực cho các yếu tố phương tiện truyền thông, chẳng hạn như <video> và <audio>

 

  • <time> Định nghĩa một thời gian hoặc một ngày, hoặc cả hai

 

  • <video> Xác định video, chẳng hạn như một đoạn phim hoặc các nguồn video khác

 

Mặc dù chúng tôi không có thời gian để đi qua từng chi tiết, chúng tôi sẽ được kiểm tra một vài trong số những người quan trọng như <canvas> và <video>.

Semantic Thay đổiĐây là phần cơ bản nên thay đổi cách bạn cấu trúc các trang web của bạn. Bao gồm trong danh sách trên là sáu yếu tố cấu trúc mới sẽ giúp mang lại tính nhất quán với khung cơ bản của tất cả các trang web trên web. Sáu yếu tố này là:1. <nav> 
2. <section> 
3. <article> 
4. <header> 
5. <footer> 
6. <aside>
Hãy suy nghĩ này như là sự thay thế cho nhiều các DIVs mà bạn hiện đang sử dụng để cấu trúc trang web của bạn. Vì vậy, thay vì thông báo “

“, bạn chỉ đơn giản là sẽ có ”

.” Bao gồm “lớp div” thay vì Điều này là do những yếu tố này lặp lại trong suốt một trang trong “div id.” cùng một cách mà các lớp học được.

Bắt  đầu với HTML5 ngay hôm nay

Không nên quá vui mừng bởi tiêu đề này. Như bất kỳ nhà phát triển web tốt biết, tất cả các trình duyệt web lớn vẫn còn khác nhau (một số là tồi tệ hơn hơn những người khác, bạn biết tôi là ai đang nói về) hỗ trợ cho HTML4.01 XHTML 1.0. Bây giờ hãy tưởng tượng những gì điều đó có nghĩa là một sự thay đổi lớn và mới như HTML5. Mặc dù các nhà phát triển lớn như Google đang đẩy mạnh cùng sự chấp nhận của HTML5, nó sẽ không được hỗ trợ toàn diện cho một thời gian.Tuy nhiên, điều đó không có nghĩa là bạn không nên bắt đầu chuẩn bị cho việc chuyển đổi ngày hôm nay lớn, và chắc chắn nó không có nghĩa là không có những thủ thuật thông minh ra khỏi đó để cho phép bạn bắt đầu chơi với HTML5 ngay lập tức. Trong bài 4, chúng tôi sẽ xem xét làm thế nào bạn có thể bắt đầu cuộc hành trình HTML5 của bạn sớm hơn là sau này.

Kết luận

Bài viết này giới thiệu tóm tắt các yếu tố mới và các API bao gồm trong HTML5.Chúng tôi nói chuyện về làm thế nào bạn cần được kích thích cho những thay đổi HTML5 sẽ mang đến cho các ứng dụng web của ngày mai. Chúng tôi cũng có một hương vị của những thay đổi ngữ nghĩa và cấu trúc mới các trang web của chúng tôi trong tương lai. Cuối cùng, chúng tôi đã học được rằng mặc dù HTML5 không phải là hoàn toàn sẵn sàng cho quần chúng, chúng ta vẫn có thể nhận được các ngón tay nhà phát triển grubby của chúng tôi vào nó và bắt đầu thử nghiệm ngày hôm nay. Kiểm tra lại ở đây thường xuyên trong các tuần tiếp theo cho một cái nhìn sâu sắc vào các chủ đề này!

Xem thêm: công ty thiết kế bao bì sản phẩm   thiết kế hồ sơ năng lực tại tphcm                báo giá catalogue   cách làm brochure