.html là tệp ngôn ngữ đánh dấu siêu văn bản.
| Tính năng | Sự miêu tả |
|---|---|
| Tiện ích mở rộng tập tin | .Html |
| Loại tệp | Ngôn ngữ đánh dấu siêu văn bản |
| Bí danh thường được sử dụng | .htm |
| Được sử dụng bởi | Trình duyệt web |
| Mục đích | Để tạo các trang web |
| Xóa | Không bị xóa tự động |
Có gì trên Trang này
Tệp html (Ngôn ngữ đánh dấu siêu văn bản) là một tài liệu văn bản đơn giản có chứa các thẻ đánh dấu được sử dụng để cấu trúc và nội dung định dạng để hiển thị trên internet. Đây là ngôn ngữ tiêu chuẩn để tạo các trang web và rất cần thiết để xây dựng các thành phần trực quan và cấu trúc của một trang web.
Các tệp .html được sử dụng để xác định các yếu tố và cấu trúc của một trang web, chẳng hạn như các tiêu đề, đoạn văn, danh sách, hình ảnh, liên kết, biểu mẫu, v.v. Các yếu tố này được đặt trong các thẻ html, là các hướng dẫn đặc biệt được các trình duyệt web diễn giải để hiển thị nội dung một cách thích hợp.
Dưới đây là một ví dụ đơn giản về tệp html:
<!DOCTYPE html > < html > < head > < title > My First Web Page </ title > </ head > < body > < h1 > Welcome to My Website </ h1 > < p > This is a paragraph of text. </ p > < img src = "image.jpg" alt = "An example image" > < a href = "https://www.example.com" > Visit Example Website </ a > </ body > </ html >Trong ví dụ này:
<!DOCTYPE html> Tuyên bố loại tài liệu và phiên bản html đang được sử dụng.<html> là phần tử gốc chứa tất cả các yếu tố khác.<head> chứa siêu dữ liệu về tài liệu, chẳng hạn như tiêu đề được hiển thị trong tab Trình duyệt.<body> chứa nội dung có thể nhìn thấy của trang web.<h1> và <p> tương ứng là các phần tử và đoạn văn.<img> Hiển thị hình ảnh trên trang.<a> tạo một siêu liên kết cho một trang web khác.Trình duyệt web diễn giải mã html và hiển thị nội dung cho phù hợp. html thường được sử dụng cùng với CSS (bảng kiểu xếp tầng) để tạo kiểu và bố cục, cũng như JavaScript để thêm tính tương tác vào các trang web. Khi người dùng truy cập một trang web, trình duyệt của họ sẽ truy xuất và diễn giải tệp html để hiển thị trang như dự định của Trình tạo trang web.
Phần mở rộng của tệp html là .html hoặc .htm. Cả hai tiện ích mở rộng đều hợp lệ và sẽ được các trình duyệt web công nhận. Tuy nhiên, .html là phần mở rộng ưa thích.
Phần mở rộng .htm được sử dụng phổ biến hơn trong những ngày đầu của web, nhưng .html đã trở thành tiêu chuẩn trong những năm gần đây. Không có sự khác biệt kỹ thuật giữa hai tiện ích mở rộng, vì vậy bạn có thể sử dụng bất kỳ cái nào bạn thích.
Nếu bạn đang tạo một tệp html mới, tôi khuyên bạn nên sử dụng tiện ích mở rộng .html. Điều này sẽ làm rõ cho các nhà phát triển và trình duyệt web khác rằng tệp là một tệp html.
Một tệp html có thể được mở với bất kỳ trình duyệt web nào. Một số trình duyệt web phổ biến bao gồm:
Khi bạn mở tệp html trong trình duyệt web, trình duyệt sẽ đọc các hướng dẫn trong tệp và hiển thị trang cho phù hợp. Trình duyệt cũng sẽ diễn giải bất kỳ phương tiện nhúng nào, chẳng hạn như hình ảnh, video và tệp âm thanh.
Ngoài trình duyệt web, cũng có một số trình chỉnh sửa văn bản có thể mở các tệp html. Các trình chỉnh sửa này cho phép bạn xem và chỉnh sửa mã html trong tệp. Một số biên tập viên văn bản phổ biến cho html bao gồm:
Nếu bạn mới bắt đầu với HTML, tôi khuyên bạn nên sử dụng trình soạn thảo văn bản để mở và chỉnh sửa các tệp html của bạn. Điều này sẽ cho bạn hiểu rõ hơn về cách thức hoạt động của mã. Khi bạn đã quen thuộc hơn với HTML, sau đó bạn có thể bắt đầu sử dụng trình duyệt web để xem các trang của bạn.
Dưới đây là một số mẹo bổ sung để mở và làm việc với các tệp html:
Có bốn loại tệp html chính:
Dưới đây là một bảng tóm tắt các loại tệp html khác nhau:
| Kiểu | Sự miêu tả | Được hỗ trợ bởi các trình duyệt |
|---|---|---|
| HTML tiêu chuẩn | Sử dụng các tiêu chuẩn html mới nhất và được hỗ trợ bởi tất cả các trình duyệt web hiện đại. | Đúng |
| HTML tĩnh | Không chứa bất kỳ nội dung động. Chỉ đơn giản là một bộ sưu tập các phần tử html được hiển thị trên trang như chúng được viết. | Đúng |
| HTML động | Sử dụng các ngôn ngữ tập lệnh, chẳng hạn như JavaScript, để thêm nội dung động vào trang. Điều này có thể bao gồm những thứ như menu tương tác, đồ họa hoạt hình và cửa sổ bật lên. | Đúng |
| html có thể mở rộng (XHTML) | Phiên bản nghiêm ngặt hơn của html tuân thủ các tiêu chuẩn W3C hơn. Thường được sử dụng cho các ứng dụng web và các trang web hiệu suất cao khác. | Đúng |
Để tạo tệp html, bạn có thể sử dụng bất kỳ trình soạn thảo văn bản nào, chẳng hạn như Notepad, Textedit hoặc văn bản siêu phàm. Dưới đây là các bước về cách tạo tệp html cho người mới bắt đầu:
<!DOCTYPE html > < html > < head > < title > My First html Page </ title > </ head > < body > < h1 > This is my first html page! </ h1 > </ body > </ html >index.html .Mã trên là một tệp html rất đơn giản. Nó chứa các yếu tố sau:
<!DOCTYPE html> Tuyên bố, cho biết trình duyệt rằng tệp là một tài liệu html.<html> , đánh dấu sự bắt đầu và kết thúc của tài liệu html.<head> , chứa thông tin về tài liệu, chẳng hạn như tiêu đề.<title> , chỉ định tiêu đề của tài liệu.<body> , chứa nội dung chính của tài liệu.<h1> , tạo ra một tiêu đề.Bạn có thể thêm nhiều phần tử vào tệp html của mình để tạo các trang phức tạp hơn. Ví dụ: bạn có thể thêm hình ảnh, liên kết và biểu mẫu. Có nhiều tài nguyên có sẵn trực tuyến để giúp bạn tìm hiểu thêm về HTML.
Dưới đây là một số mẹo bổ sung để tạo tệp html:
Để chỉnh sửa tệp html (Ngôn ngữ đánh dấu siêu văn bản), bạn có thể sử dụng trình chỉnh sửa văn bản đơn giản hoặc trình chỉnh sửa mã chuyên dụng. Đây là cách bạn có thể làm điều đó:
Sử dụng trình chỉnh sửa văn bản đơn giản: Bất kỳ trình soạn thảo văn bản đơn giản nào như Notepad (Windows), Textedit (MacOS) hoặc bất kỳ ứng dụng tương tự nào khác cũng có thể được sử dụng để chỉnh sửa các tệp html. Đây là quá trình cơ bản:
Sử dụng Trình chỉnh sửa mã chuyên dụng: Trình chỉnh sửa mã chuyên dụng được thiết kế cho các tác vụ lập trình và phát triển web. Họ cung cấp các tính năng như làm nổi bật cú pháp, hoàn thành mã và nhiều hơn nữa. Các ví dụ bao gồm mã Visual Studio, văn bản tuyệt vời, nguyên tử và dấu ngoặc. Đây là cách bạn có thể sử dụng một trong những biên tập viên này:
Để xác thực tệp html (Ngôn ngữ đánh dấu siêu văn bản), bạn có thể sử dụng các công cụ xác thực html trực tuyến hoặc các ứng dụng máy tính để bàn được thiết kế dành riêng cho mục đích này. Xác thực đảm bảo rằng mã html của bạn tuân theo cú pháp chính xác và tuân thủ các tiêu chuẩn do World Wide Web Consortium (W3C) đặt ra. Đây là cách bạn có thể xác thực tệp html:
Sử dụng các công cụ xác thực html trực tuyến:
Có một số công cụ trực tuyến có sẵn cho phép bạn xác thực mã html của mình. Một công cụ phổ biến là dịch vụ xác thực đánh dấu W3C. Đây là cách sử dụng nó:
Sử dụng các biên tập viên html trên máy tính để bàn:
Một số biên tập viên html của máy tính để bàn, như Adobe Dreamweaver hoặc Visual Studio Code, cung cấp các công cụ xác thực tích hợp. Đây là cách sử dụng chúng trong Code Visual Studio như một ví dụ:
Sử dụng các công cụ phát triển trình duyệt:
Các trình duyệt web hiện đại cũng cung cấp các công cụ phát triển tích hợp có thể giúp bạn xác định và khắc phục các sự cố xác thực html. Đây là cách thực hiện bằng cách sử dụng Google Chrome:
Ctrl + Shift + I (Windows/Linux) hoặc Cmd + Option + I (macOS).Điều quan trọng cần lưu ý là mặc dù các công cụ xác thực có thể giúp nắm bắt lỗi cú pháp và một số vấn đề phổ biến, nhưng chúng có thể không nắm bắt được tất cả các loại lỗi có thể ảnh hưởng đến chức năng hoặc thiết kế trang web của bạn. Do đó, bạn nên kiểm tra thủ công trang web của bạn trong các trình duyệt khác nhau để đảm bảo nó hoạt động như dự định.
Có nhiều cách để tối ưu hóa tệp html cho các công cụ tìm kiếm. Dưới đây là một số điều quan trọng nhất cần ghi nhớ:
Bằng cách làm theo các mẹo này, bạn có thể tối ưu hóa tệp html cho các công cụ tìm kiếm và cải thiện cơ hội xếp hạng cao hơn trong kết quả tìm kiếm.
Dưới đây là một số mẹo bổ sung để tối ưu hóa tệp html của bạn cho các công cụ tìm kiếm:
Có một vài điều bạn có thể làm để bảo mật tệp html:
Bằng cách làm theo các mẹo này, bạn có thể giúp bảo mật các tệp html của mình và bảo vệ trang web của bạn khỏi tin tặc.
Dưới đây là một số mẹo bổ sung để đảm bảo các tệp html của bạn:
Các tệp HTML có phần mở rộng .html vì đây là phần mở rộng tệp tiêu chuẩn cho các tệp ngôn ngữ đánh dấu siêu văn bản. Tiện ích mở rộng .html cho biết các trình duyệt web rằng tệp chứa mã html, có thể được sử dụng để tạo các trang web.
Có, bạn có thể thay đổi phần mở rộng của tệp html. Tuy nhiên, nếu bạn thay đổi tiện ích mở rộng thành một thứ khác ngoài .html hoặc .htm, trình duyệt web sẽ không thể nhận ra tệp dưới dạng tệp html và sẽ không thể hiển thị đúng.
Nếu bạn mở tệp html trong trình soạn thảo văn bản, bạn sẽ thấy mã html tạo nên tệp. Mã này có thể được sử dụng để tạo trang web mà tệp đại diện.
Có một vài điều bạn có thể làm để làm cho các tệp html của bạn dễ đọc hơn:
Dưới đây là một số thực tiễn tốt nhất để viết mã html:
Dưới đây là một số lỗi phổ biến nhất trong mã html:
Có nhiều tài nguyên có sẵn để giúp bạn tìm hiểu thêm về HTML. Dưới đây là một vài gợi ý: