1) Phần tử là gì! ?
– Trong các trang web, nhìn chung mọi thứ đều có thể được coi là một phần tử.
– Ví dụ trong trang web sau: văn bản là một thành phần, trình phát âm thanh là một thành phần, hình ảnh là một thành phần, . . . .
– Một phần tử html thường được xác định dựa trên ba phần tử:
- Thẻ bắt đầu
- Nội dung bên trong cặp thẻ (còn được gọi là nội dung của phần tử)
- Thẻ kết thúc
- Một phần tử mà nội dung của nó chứa một phần tử khác được gọi là phần tử cha.
- Các phần tử được lồng trong nội dung của phần tử khác được gọi là phần tử con.
– Tuy nhiên, trong một số trường hợp đặc biệt mà phần tử chỉ có một phần tử duy nhất là thẻ mở thì các phần tử này được gọi là phần tử rỗng.
2) Phần tử lồng nhau
– Thông thường, một phần tử có thể được lồng trong “phần thân” của một phần tử khác.
– Ở đâu:
3) Một số vấn đề cần lưu ý
– Trong file html, nếu ta sửa code sai thì khi chạy file – phần tử sẽ không hiển thị đúng như mong muốn. Do đó, bạn cần hết sức chú ý đến vấn đề ngữ pháp để không mắc phải những lỗi sai không đáng có.
3.1) Đừng bao giờ quên thẻ đóng
——ngoại trừ phần tử trống, các phần tử khác không được thiếu thẻ kết thúc, việc thiếu thẻ kết thúc sẽ ảnh hưởng nghiêm trọng đến các phần tử khác, điều này sẽ khiến các phần tử khác bị coi là nội dung của phần tử không có thẻ kết thúc .
3.2) Đừng làm lộn xộn thứ tự các thẻ đóng
– Bạn KHÔNG ĐƯỢC phá vỡ thứ tự giữa các thẻ đóng, điều này có tác dụng tương tự như thiếu thẻ đóng.
<div><p>Tài liệu học lập trình web</p></div>
<div><p>Tài liệu học lập trình web</div></p>
3.3) Mã hiển thị
– Trong ngôn ngữ html, vấn đề khoảng trắng & ngắt dòng giữa các thẻ không quan trọng.
– Ví dụ: ba đoạn mã sau được viết khác nhau nhưng hiển thị giống nhau khi thực thi:
– Tuy nhiên chúng ta không nên render code lung tung, tốt nhất nên tuân theo chuẩn chung để đảm bảo cách viết tối ưu, các phần tử con cần được ngắt và thụt 4 dấu cách so với phần tử cha.
3.4) Tên thẻ không phân biệt chữ hoa chữ thường
——Trong ngôn ngữ HTML, tên thẻ không phân biệt chữ hoa chữ thường, chẳng hạn như ba thẻ
—Tuy nhiên, hầu hết các lập trình viên sử dụng chữ thường để viết tên thẻ, ví dụ: <title>, <div>
, . . . .