HTML bút tích

Có thể ví như khung xương của các website, đó là khi chúng ta nhắc tới HTML (HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn bản. HTML cũng trải qua nhiều đời nâng cấp và tiến hóa (HTML3/4, HTML, ..). Cho đến thời điểm hiện tại, HTML5 là đời tân tiến nhất với nhiều bổ xung vượt trội.

Để hiểu sâu về HTML có thể tham khảo thêm tại: https://developer.mozilla.org/vi/docs/Web/HTML

 

Giản đồ HTML cơ bản toàn tập

1.Thẻ HTML cơ bản

Cấu trúc của một phần tử HTML cơ bản

2 loại Tag cơ bản:

+ Semantic Tag: các thẻ có ngữ nghĩa như (input, img, p, h…). Được bổ sung khá nhiều trọng HTML5

+ Non-semantic: các thẻ định nghĩa khối (div, span)

2. Các phần tử cơ bản

+ Nhóm tạo khối, cấu trúc: <div> <span>

+ Nhóm tạo nội dung: văn bản, danh sách, liên kết, bảng

+ Thẻ tải CSS & Script

+ Nhóm tạo FORM: <input> <label> <button>

3. Những điều cần ghi nhớ

+ Thẻ DOCTYPE khai báo phiên bản của HTML. (Ngắn gọn trong HTML5)

+ Các trình duyệt khi render, tùy vào cấu trúc HTML mà chia làm 2 chế độ Quirks Mode hoặc Standards Mode. Chế độ Standards Mode (như mong đợi) khi cấu trúc HTML chuẩn chỉnh. Chế độ Quirks Mode (dạng cố đấm ăn sôi) dù cấu trúc HTML sai nhưng vẫn cố render nội dung ở chế độ này, nội dung page có thể bị vỡ sai.

+ HTML so với XHTML như một người anh em có tính cách dễ chịu hơn. HTML linh động, không quá bắt buộc đóng mở thẻ, chấp nhận cả Upper/LowerCase, cho phép thuộc tính không value (checked, dissable). Trong khi XHTML ngược lại, yêu cầu đóng mở thẻ đầy đủ, không cho phép thuộc tính không value, chỉ chấp nhận LowerCase

+ Xây dựng web đa ngôn ngữ với thuộc tính <html lang=“en”>

+ Lưu dữ data trong thẻ HTML với thuộc tính data-attribute

+ HTML5 các thẻ mới: <article> <aside> <audio> <canvas> <figcaption> <figure> <footer> <header> <hgroup> <output> <section> <video>.

+ Cookie, sessionStorage và localStorage, 3 nơi lưu trữ data dạng cặp key-value

 

 

 

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *