- Đinh nghĩa: HTML viết tắt của Hypertext Markup Language là ngôn ngữ lập trình dùng để xây dựng và cấu trúc các thành phần có trong Website.
- Cấu trúc HTML của Website :
o Một Website thường chứa nhiều trang con và mỗi trang con này lại có một tập tin HTML riêng.
o HTML không phải ngôn ngữ lập trình dẫn đến nó không thể thực hiện các chứ năng “động”.
o Đơn giản hơn HTML tương tự như phần mềm Microsoft Word, HTML chỉ có tác dụng bố cục và định dạng trang web.
o HTML khi kết hợp với CSS và JavaScript sẽ trở thành một nền tảng vững chắc cho thế giới mạng.
- Cách thức hoạt động của HTML:
o HTML document có đuôi file dạng .html hoặc htm.
o Có thể xem file bằng các trình duyệt web hiện hành như Google Chrome, Firefox, Safari, …
o Các trình duyệt này có nhiệm vụ đọc những file HTML và “biến đổi” chúng thành một dạng nội dng visual trên Internet sao cho người dùng có thể xem và hiểu được chúng.
o Thông thường một Website sẽ có nhiều HTML document, mỗi trang con như vậy sẽ có một tệp HTML riêng.
- Ưu điểm của HTML:
o Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn.
o Hoạt động tốt trên hầu hết các trình duyệt hiện nay.
o Khá dễ để học.
o Markup sử dụng trong HTML thường ngắn gọn, có độ đồng nhất cao.
o Sử dụng mã nguồn mở, miễn phí.
o Dễ dàng tích hợp với các loại ngôn ngữ backend (vd: PHP,Node.js, …).
- Nhược điểm HTML:
o Chỉ áp dụng cho web tĩnh. Nếu muốn tạo các tính năng động, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ 3.
o Mỗi trang HTML cần được tạo riêng biệt, ngay khi có yếu tố trùng lặp như header, footer.
o Khó để kiểm soát các đọc và hiển thị file HTML của trình duyệt.
o Một vài trình duyệt còn chậm cập nhật để hỗ trợ tính năng mới của HTML.
- Bố cục của HTML:
o <!DOCTYPE html> : khai báo kiểu dữ liệu hiển thị.
o <html> … </html> : cặp thẻ bắt buộc, element cấp cao nhất, có nhiệm vụ dóng gói tất cả nội dung của trang HTML.
o <head>… </head> : Khai báo các thông tin meta của trang web như tiêu đề trang, charset,…
o <title> … </title> : Cặp thẻ nằm bên trong <head>, dùng để khai báo tiêu đề của trang.
o <body> và </body> : cặp thẻ dùng để đóng gói tất cả nội dung sẽ hiển thị trong trang.
o <h1>…</h1> , <h2>…</h2>, …. : Định dạng dữ liệu dạng heading. Thông thường có 6 cấp độ heading trong HTML, trải dài từ <h1> tới
<h6>. Trong đó, <h1> là cấp độ heading cáo nhất là <h6> là cấp độ
heading thấp nhất.
o <p> và </p> : cặp thẻ chứa đoạn văn bản của trang web.
1.1.20 Kỹ thuật Ajax (Asynchrounous JavaScript and XML hay còn gọi làJavaScript và XML không đồng bộ) : JavaScript và XML không đồng bộ) :
Là nhóm các công nghệ phát triển Web được sử dụng để tạo các ứng dụng web động hay các ứng dụng giàu tính Internet.
- Nguyên lí hoạt động:
o Các ứng dụng Ajax phần lớn trông giống như thể chúng được đặt trên máy của người sử dụng hơn là được đặt trên một máy phục vụ thông qua Internet. Lý do: các trang được cập nhật nhưng không nạp lại (refresh) toàn bộ.
o Ajax có thể gửi các yêu cầu tới máy phục vụ web để nhận về chỉ những dữ liệu cần thiết, thông qua việc dùng SOAP hoặc một vài dịch vụ web dựa trên nền tảng XML cục bộ khác. Trên máy thân chủ (client), JavaScript sẽ xử lý các đáp ứng của máy chủ. Kết quả là trang web được hiển thị nhanh hơn vì lượng dữ liệu trao đổi giữa máy chủ và trình duyệt web giảm đi rất nhiều. Thời gian xử lý của máy chủ web cũng vì thế mà được giảm theo vì phần lớn thời gian xử lý được thực hiện trên máy khách của người dùng.
Hình 2.81. Mổ Tả Kỹ Thuật Ajax
- Ưu điểm của kỹ thuật Ajax:
o Trong nhiều trường hợp, các trang web chứa rất nhiều nội dung thông thường trong trang. Nếu sử dụng các phương pháp truyền thống, những nội dung đó sẽ phải nạp lại toàn bộ với từng yêu cầu. Tuy nhiên, nếu sử dụng Ajax, một ứng dụng web có thể chỉ yêu cầu cho
các nội dung cần thiết phải cập nhật, do đó giảm lượng lớn băng thông và thời gian nạp trang.
o Việc dùng các yêu cầu không đồng bộ (asynchronous request) cho phép giao diện người dùng của ứng dụng hiển thị trên trình duyệt giúp người dùng trải nghiệm sự tương tác cao, với nhiều phần riêng lẻ.
o Việc sử dụng Ajax có thể làm giảm các kết nối đến server, do các mã kịch bản (script) và các style sheet chỉ phải yêu cầu một lần.
- Nhược điểm:
o Bất kỳ người dùng nào có trình duyệt không hỗ trợ Ajax hay JavaScript, hoặc đơn giản là đã bị vô hiệu hóa JavaScript, sẽ đương nhiên không thể sử dụng Ajax.
o Các trang web được tạo động không được ghi vào bộ lưu lịch sử lướt web của trình duyệt, do đó nút "back" (quay lui) của trình duyệt sẽ mất tác dụng quay lại trang thái trước đó của trang sử dụng Ajax, thay vào đó sẽ quay lại trang web trước đó mà người dùng ghé thăm. Để khắc phục có thể dùng các IFrame không hiển thị để gây ra sự thay đổi trong lịch sử trình duyệt và thay đổi phần neo của URL (bằng mã a #) khi chạy Ajax và theo dõi những sự thay đổi của nó.
- Phương thức GET của Ajax:
o Xhttp.open(‘GET’, ‘dulieunhietdo’,true) : gửi dữ liệu từ hàm dulieunhiet do vào giá trị Val đã được ghi ở trên.
o Xhttp.onreadystatechange : nhận kết quả đã được gửi từ hảm function.
o if(this.readyState ==4 && this.status ==200) : kiểm tra xem mọi việc đã hoàn tất chưa.
o Nếu đã hoàn tất thì dùng:
document.getElementById('val').innerHTML=this.responseText;
