HTML5 là ngôn ngữ đánh dấu được sử dụng để viết các trang xuất hiện trên web. Nó theo quy tắc mà có thể không có vẻ hiển nhiên cho bạn lúc đầu. Tuy nhiên, trong HTML5, chỉ có một vài điều bạn cần biết để bắt đầu viết một tài liệu HTML mà bạn có thể thực hiện trong bất kỳ chương trình xử lý văn bản nào.
Mở và đóng thẻ
Chỉ với một vài trường hợp ngoại lệ, tất cả các hướng dẫn - được gọi là các thẻ — đều theo cặp. Chúng được mở và sau đó đóng trong HTML5. Bất kỳ điều gì giữa thẻ mở và thẻ đóng đều tuân thủ các hướng dẫn được đưa ra bởi thẻ mở. Sự khác biệt duy nhất trong mã hóa là việc thêm dấu gạch chéo vào trong thẻ đóng. Ví dụ:
Dòng tiêu đề xuất hiện tại đây
Hai thẻ ở đây cho biết rằng tất cả nội dung giữa hai thẻ sẽ xuất hiện ở kích thước dòng tiêu đề h1. Nếu bạn quên thêm thẻ đóng, mọi thứ theo thẻ mở sẽ xuất hiện trong kích thước tiêu đề h1.
Thẻ cơ bản trong HTML5
Các yếu tố cơ bản cần thiết cho tài liệu HTML5 là:
- doctype
- HTML
- cái đầu
- thân hình
Khai báo loại tài liệu không phải là một thẻ. Nó cho máy tính biết rằng HTML5 đang đến. Nó nằm ở đầu mỗi trang HTML5 và nó có dạng này:
Thẻ HTML cho máy tính biết rằng mọi thứ xuất hiện giữa thẻ mở và đóng tuân theo các quy tắc của HTML5 và phải được diễn giải theo các quy tắc đó. Bên trong thẻ, bạn thường sẽ tìm thấy thẻ và thẻ.
Các thẻ này cung cấp cấu trúc cho tài liệu của bạn, cung cấp cho trình duyệt một cái gì đó quen thuộc để sử dụng và nếu bạn chuyển đổi tài liệu của mình sang XHTML, chúng được yêu cầu trong phiên bản ngôn ngữ đó.
Thẻ head là quan trọng đối với SEO, hoặc tối ưu hóa công cụ tìm kiếm. Viết một thẻ tiêu đề tốt là điều quan trọng nhất bạn có thể làm để thu hút người đọc đến trang của bạn. Nó không hiển thị trên trang nhưng nó hiển thị ở đầu trình duyệt. Khi bạn viết tiêu đề, hãy sử dụng các từ khóa áp dụng cho trang nhưng giữ cho nó có thể đọc được. Tiêu đề nằm trong thẻ mở và đóng.
Thẻ body chứa tất cả mọi thứ bạn nhìn thấy trên màn hình máy tính của bạn khi bạn mở một trang web. Hầu hết mọi thứ bạn viết cho một trang web sẽ xuất hiện giữa các thẻ mở và đóng. Đặt những khái niệm cơ bản này lại với nhau và bạn có:
Tiêu đề của bạn đi đây. Mọi thứ trên trang web đều xuất hiện ở đây. Lưu ý rằng mỗi thẻ có một thẻ đóng tương ứng.
Thẻ tiêu đề
Các thẻ tiêu đề xác định kích thước tương đối của văn bản trên trang web. Các thẻ h1 là lớn nhất, tiếp theo kích thước bằng các thẻ h2, h3, h4, h5 và h6. Bạn sử dụng những điều này để làm cho một số văn bản trên trang web nổi bật dưới dạng dòng tiêu đề hoặc tiêu đề phụ. Không có thẻ, tất cả văn bản đều có cùng kích thước. Các thẻ tiêu đề được sử dụng như thế này:
Subhead Goes Here
Đó là nó. Bạn có thể thiết lập và viết một trang web bao gồm văn bản có tiêu đề và tiêu đề phụ.
Sau khi thực hành một lúc, bạn sẽ muốn tìm hiểu cách thêm hình ảnh và cách nhập liên kết đến các trang web khác. HTML5 có khả năng hơn rất nhiều so với giới thiệu cơ bản nhanh chóng này.