Cách thức hoạt động của HTML

HTML là một tệp văn bản chứa các quy ước đặt tên, tệp và cú pháp cụ thể để hiển thị cho máy tính và máy chủ web rằng nó ở dạng HTML và nên được đọc như vậy. Bằng cách áp dụng các quy ước HTML này cho một tệp văn bản trong hầu hết mọi trình soạn thảo văn bản, người dùng có thể viết và thiết kế một trang web cơ bản, sau đó tải trang web đó lên internet

The most basic of HTML conventions is the inclusion of a document type declaration at the beginning of the text file. This always comes first in the document, because it is the piece that affirmatively informs a computer that this is an HTML file. The document header typically looks like this: . It should always be written that way, without any content inside it or breaking it up. Any content that comes before this declaration will not be recognized as HTML by a computer.

Các loại tài liệu không chỉ được sử dụng cho HTML, chúng có thể áp dụng cho việc tạo bất kỳ tài liệu nào sử dụng SGML (Ngôn ngữ đánh dấu tổng quát hóa tiêu chuẩn). SGML là một tiêu chuẩn để chỉ định một ngôn ngữ đánh dấu cụ thể đang được sử dụng. HTML là một trong một số ngôn ngữ đánh dấu mà các khai báo SGML và doctype áp dụng cho

Yêu cầu quan trọng khác để tạo một tệp HTML là lưu nó với một. phần mở rộng tệp html. Trong khi khai báo loại tài liệu báo hiệu HTML cho máy tính từ bên trong tệp, phần mở rộng tệp báo hiệu HTML cho máy tính từ bên ngoài tệp. Bằng cách có cả hai, máy tính có thể biết đó là tệp HTML cho dù nó có đang đọc tệp hay không. Điều này trở nên đặc biệt quan trọng khi tải các tệp lên web, vì máy chủ web cần biết phải làm gì với các tệp trước khi có thể gửi chúng đến máy khách để đọc nội dung bên trong.

Sau khi viết loại tài liệu và lưu dưới dạng tệp HTML, người dùng có thể triển khai tất cả các công cụ cú pháp khác của HTML để tùy chỉnh trang web. Sau khi hoàn tất, họ có thể sẽ có một số tệp HTML tương ứng với các trang khác nhau của trang web. Điều quan trọng là người dùng tải các tệp này lên trong cùng một hệ thống phân cấp mà họ đã lưu chúng vào, vì mỗi trang tham chiếu đến các đường dẫn tệp cụ thể của các trang khác, cho phép liên kết giữa chúng. Việc tải chúng lên theo một thứ tự khác sẽ khiến các liên kết bị hỏng và các trang bị mất do đường dẫn tệp được chỉ định sẽ không khớp với các trang

Các thành phần cơ bản của HTML

Sử dụng HTML, một tệp văn bản được đánh dấu thêm bằng văn bản bổ sung mô tả cách hiển thị tài liệu. Để giữ phần đánh dấu tách biệt với nội dung thực tế của tệp HTML, có một cú pháp HTML đặc biệt, phân biệt được sử dụng. Các thành phần đặc biệt này được gọi là thẻ HTML. Các thẻ có thể chứa các cặp tên-giá trị được gọi là thuộc tính và một phần nội dung nằm trong thẻ được gọi là phần tử HTML

Các phần tử HTML luôn có thẻ mở, nội dung ở giữa và thẻ đóng. Các thuộc tính có thể cung cấp thông tin bổ sung về phần tử và được bao gồm trong thẻ mở. Các yếu tố có thể được mô tả theo một trong hai cách

1. Các phần tử cấp khối bắt đầu trên một dòng mới trong tài liệu và chiếm không gian riêng của chúng. Ví dụ về các phần tử này bao gồm tiêu đề và thẻ đoạn văn
2. Các phần tử nội tuyến không bắt đầu trên một dòng mới trong tài liệu và chỉ chiếm không gian cần thiết. Các phần tử này thường định dạng nội dung của các phần tử cấp khối. Ví dụ về các phần tử nội tuyến bao gồm siêu liên kết và thẻ định dạng văn bản

Ưu và nhược điểm của HTML

Ưu điểm của việc sử dụng HTML bao gồm

• Được áp dụng rộng rãi với một lượng lớn tài nguyên có sẵn
• Được chạy tự nhiên trên mọi trình duyệt
• Tương đối dễ học
• Có mã nguồn rõ ràng và nhất quán
• Là mã nguồn mở và miễn phí sử dụng
• Có thể được tích hợp với các ngôn ngữ lập trình phụ trợ khác như PHP

Một vài khuyết điểm cần xem xét là

• Không có chức năng động và chủ yếu được sử dụng cho các trang web tĩnh
• Tất cả các thành phần phải được tạo riêng ngay cả khi chúng sử dụng các thành phần tương tự
• Hành vi của trình duyệt có thể không thể đoán trước. Ví dụ: các trình duyệt cũ hơn có thể không tương thích với các tính năng mới hơn

Các thẻ HTML thường dùng

Các thẻ HTML quy định cấu trúc tổng thể của một trang và cách các thành phần bên trong chúng sẽ được hiển thị trong trình duyệt. Các thẻ HTML thường được sử dụng bao gồm

• mô tả tiêu đề cấp cao nhất

• mô tả tiêu đề cấp hai mô tả một đoạn văn mô tả dữ liệu dạng bảng mô tả danh sách thông tin có thứ tự mô tả một danh sách thông tin không có thứ tựAs mentioned, there are opening and closing tags that surround the content they are augmenting. An opening tag looks like this: . A closing tag is the same but contains a backslash in it to indicate that it's the end of the given HTML element. Closing tags look like this: .Cách sử dụng và triển khai HTML

  Bởi vì HTML hoàn toàn dựa trên văn bản, một tệp HTML có thể được chỉnh sửa đơn giản bằng cách mở nó lên trong một chương trình như Notepad++, Vi hoặc Emacs. Bất kỳ trình soạn thảo văn bản nào cũng có thể được sử dụng để tạo hoặc chỉnh sửa tệp HTML và miễn là nó được đặt tên bằng. html, bất kỳ trình duyệt web nào -- chẳng hạn như Chrome hoặc Firefox -- sẽ có khả năng hiển thị tệp dưới dạng trang web

  Đối với các nhà phát triển phần mềm chuyên nghiệp, có nhiều trình chỉnh sửa WYSIWYG khác nhau để phát triển trang web. NetBeans, IntelliJ, Eclipse và Visual Studio của Microsoft cung cấp trình chỉnh sửa WYSIWYG dưới dạng phần bổ trợ hoặc dưới dạng thành phần tiêu chuẩn, giúp việc sử dụng và triển khai HTML cực kỳ dễ dàng

  Các trình soạn thảo WYSIWYG này cũng cung cấp các tiện ích khắc phục sự cố HTML, mặc dù các trình duyệt web hiện đại thường chứa các plugin dành cho nhà phát triển web sẽ làm nổi bật các sự cố với các trang HTML, chẳng hạn như thiếu thẻ đóng hoặc cú pháp không tạo HTML đúng định dạng.

  Cả Chrome và Firefox đều bao gồm các công cụ dành cho nhà phát triển HTML cho phép xem ngay tệp HTML hoàn chỉnh của trang web, cùng với khả năng chỉnh sửa HTML nhanh chóng và kết hợp ngay các thay đổi trong trình duyệt internet

HTML, CSS và JavaScript

HTML được sử dụng để tạo các trang web nhưng gặp phải những hạn chế khi nói đến các thành phần đáp ứng đầy đủ. Do đó, HTML chỉ nên được sử dụng để thêm các thành phần văn bản và cấu trúc chúng trong một trang. Đối với các tính năng phức tạp hơn, HTML có thể được kết hợp với biểu định kiểu xếp tầng (CSS) và JavaScript (JS)

Tệp HTML có thể liên kết với biểu định kiểu xếp tầng hoặc tệp JS -- thường ở đầu tài liệu với đường dẫn tệp được chỉ định -- tệp này sẽ chứa thông tin về việc sử dụng màu nào, sử dụng phông chữ nào và thông tin hiển thị phần tử HTML khác. JavaScript cũng cho phép các nhà phát triển đưa vào nhiều chức năng động hơn, chẳng hạn như cửa sổ bật lên và thanh trượt ảnh, trong một trang web. Các thẻ được gọi là thuộc tính lớp được sử dụng để khớp các phần tử HTML với các phần tử CSS hoặc JS tương ứng của chúng

Ví dụ: nếu người dùng muốn màu của một lượng văn bản nhất định có màu đỏ, họ có thể viết mã trong tệp CSS với thuộc tính lớp đi kèm để chuyển văn bản thành màu đỏ. Sau đó, họ có thể đặt thuộc tính lớp được liên kết trên tất cả các đoạn văn bản mà họ muốn có màu đỏ trong trang tính HTML. Phương pháp cơ bản giống nhau áp dụng cho các trang tính JS, với các chức năng khác nhau.  

Tách thông tin về cách trang được cấu trúc, vai trò của HTML, với thông tin về giao diện của trang web khi được hiển thị trong trình duyệt là một mẫu phát triển phần mềm và phương pháp hay nhất được gọi là tách mối quan tâm

Lịch sử và phát triển

Trong những ngày đầu của world wide web, việc đánh dấu các tài liệu dựa trên văn bản bằng cú pháp HTML là quá đủ để tạo điều kiện chia sẻ các tài liệu học thuật và ghi chú kỹ thuật. Tuy nhiên, khi internet mở rộng ra ngoài các bức tường của học viện và đến tận nhà của mọi người, nhu cầu lớn hơn đã được đặt trên các trang web về định dạng và tính tương tác.

HTML4. 01 được phát hành vào năm 1999, vào thời điểm Internet vẫn chưa phổ biến và HTML5 chưa được chuẩn hóa cho đến năm 2014. Trong thời gian này, đánh dấu HTML đã chuyển từ công việc đơn giản là mô tả cấu trúc tài liệu của nội dung trang web sang vai trò mô tả nội dung sẽ trông như thế nào khi một trang web hiển thị nó.

Do đó, các trang web dựa trên HTML4 thường bao gồm thông tin trong thẻ về phông chữ sẽ sử dụng khi hiển thị văn bản, màu nền nên sử dụng và cách căn chỉnh nội dung. Mô tả trong thẻ HTML về cách định dạng phần tử HTML khi được hiển thị trên trang web được coi là mẫu đối kháng HTML. HTML nói chung nên mô tả cách nội dung được cấu trúc, chứ không phải cách nội dung sẽ được tạo kiểu và hiển thị trong trình duyệt. Các ngôn ngữ đánh dấu khác phù hợp hơn với nhiệm vụ này

One major difference between HTML4 and HTML5 is that the separation of concerns pattern is more rigorously enforced in HTML5 than it was in HTML4. With HTML5, the bold and italicize tags have been deprecated. For the paragraph tag, the align attribute has been completely removed from the HTML specification.

phiên bản HTML

Sau đây là danh sách các phiên bản HTML và năm chúng được tạo. Một số lần lặp lại của mỗi phiên bản đã được phát hành theo thời gian. Danh sách này nhằm mục đích tập trung vào các lần lặp lại quan trọng

• HTML1. 0 -- phát hành năm 1992 -- có khả năng rất hạn chế và khoảng 20 phần tử
• HTML2. 0 -- phát hành năm 1995 -- bắt đầu kết hợp các yếu tố liên quan đến các hàm toán học
• HTML3. 2 -- phát hành năm 1996 -- đã loại bỏ hoàn toàn sáng kiến ​​chức năng toán học và khắc phục sự chồng chéo giữa các tiện ích mở rộng độc quyền khác nhau
• HTML4. 0 -- phát hành năm 1997 -- cung cấp ba biến thể khác nhau về số phần tử không dùng nữa được cho phép
• HTML4. 01 -- phát hành năm 1999 -- phần lớn giống như 4. 0
• HTML 5 -- được phát hành vào năm 2014 -- xuất hiện sau một thời gian dài ngừng cập nhật vì tổ chức phát triển nó -- W3C -- đang tập trung vào một ngôn ngữ song song khác có tên là XHTML
• HTML5. 1 -- phát hành năm 2016 -- nhằm mục đích dễ dàng chứa nhiều loại nhúng phương tiện khác nhau với các thẻ mới
• HTML5. 2 -- phát hành năm 2017 -- nhằm mục đích để con người và máy tính có thể hiểu được như nhau
• HTML5. 3 -- chưa được phát hành -- W3C đang hợp tác với WHATWG trên một phiên bản mới. Sự hợp tác bắt đầu vào năm 2019

Các tính năng của HTML5

HTML5 giới thiệu một số yếu tố để tăng tính tương tác, khả năng đa phương tiện và hiệu quả ngữ nghĩa. Thay vì sử dụng plugin, đa phương tiện có thể được đặt trong mã HTML. Những yếu tố này bao gồm

• Yếu tố đồ họa
  • , tạo ra một không gian hình chữ nhật trống trong đó các nhà thiết kế web có thể vẽ bằng JavaScript
• yếu tố ngữ nghĩa
  • , tạo tiêu đề ở đầu trang
  • , tạo ra một khu vực cho nội dung độc lập
  • , định nghĩa các phần và tiểu mục, chẳng hạn như chương hoặc đầu trang và chân trang khi cần nhiều hơn một phần
• yếu tố đa phương tiện
• Attributes that apply to the
  element, which creates an area for user input on the web page. These include number, date, calendar and range.

Các tính năng chính khác của HTML5 bao gồm

• Loại bỏ các thuộc tính lỗi thời hoặc dư thừa
• Chỉnh sửa ngoại tuyến
• Khả năng kéo và thả giữa các tài liệu HTML5
• cải tiến nhắn tin
• phân tích cú pháp chi tiết
• Đăng ký trình xử lý giao thức và MIME
• Một tiêu chuẩn chung để lưu trữ dữ liệu trong cơ sở dữ liệu SQL (Web SQL)
• Giao diện chương trình ứng dụng (API) cho các ứng dụng phức tạp
• Chỗ ở để phát triển ứng dụng thiết bị di động
• MathML cho các công thức toán học và khoa học

Mặc dù việc bổ sung các tính năng này thể hiện nỗ lực hỗ trợ nhúng đa phương tiện, nhưng các thay đổi đối với đặc tả HTML thể hiện mong muốn của cộng đồng đối với việc HTML quay trở lại mục đích ban đầu là mô tả cấu trúc nội dung. Về cơ bản, nhiều tính năng cấu trúc đã được thêm vào, trong khi một số tính năng tập trung vào định dạng không được dùng nữa. Với mục đích tương thích ngược, các trình duyệt web sẽ tiếp tục hỗ trợ các thẻ HTML không dùng nữa, nhưng dần dần HTML sẽ chủ yếu dựa trên cấu trúc

Tiêu chuẩn cú pháp HTML

Trong ví dụ HTML sau đây, có hai phần tử HTML. Cả hai phần tử đều sử dụng cùng một thẻ đoạn văn, được chỉ định bằng chữ p và cả hai đều sử dụng thuộc tính định hướng dir, mặc dù một giá trị thuộc tính khác được gán cho cặp giá trị tên của thuộc tính HTML, cụ thể là rtl và ltr

Lưu ý rằng khi đoạn mã HTML này được hiển thị trong trình duyệt, các thẻ HTML sẽ tác động đến cách mỗi phần tử HTML được hiển thị trên trang nhưng không có thẻ hoặc thuộc tính HTML nào được hiển thị. HTML chỉ mô tả cách hiển thị nội dung. Bản thân HTML không bao giờ được hiển thị cho người dùng cuối

In order for a web browser to display an HTML page without error, it must be provided with well-formed HTML. To be well-formed, each HTML element must be contained within an opening tag --

-- and a closing tag --