Hướng dẫn HTML

TRANG CHỦ HTML Giới thiệu HTML Trình chỉnh sửa HTML HTML cơ bản Phần tử HTML Thuộc tính HTML Tiêu đề HTML Đoạn văn HTML Kiểu HTML Định dạng HTML Trích dẫn HTML Nhận xét HTML Màu HTML HTML CSS Liên kết HTML Hình ảnh HTML HTML Favicon Bảng HTML Danh sách HTML Khối HTML & Nội tuyến Các lớp HTML Id HTML Khung nội tuyến HTML HTML JavaScript Đường dẫn tệp HTML Đầu HTML Bố cục HTML HTML đáp ứng Mã máy tính HTML Ngữ nghĩa HTML Hướng dẫn kiểu HTML Thực thể HTML Biểu tượng HTML Biểu tượng cảm xúc HTML Bộ mã HTML Mã hóa URL HTML HTML so với XHTML

Biểu mẫu HTML

Biểu mẫu HTML Thuộc tính biểu mẫu HTML Phần tử biểu mẫu HTML Các loại đầu vào HTML Thuộc tính đầu vào HTML Thuộc tính biểu mẫu nhập HTML

Đồ họa HTML

HTML Canvas HTML SVG

HTML Media

HTML Media Video HTML Âm thanh HTML Trình cắm HTML HTML YouTube

API HTML

Vị trí địa lý HTML Kéo / thả HTML Lưu trữ web HTML Nhân viên web HTML HTML SSE

Ví dụ HTML

Ví dụ HTML HTML Quiz Bài tập HTML Chứng chỉ HTML Tóm tắt HTML Khả năng truy cập HTML

Tham chiếu HTML

Danh sách thẻ HTML Thuộc tính HTML Thuộc tính toàn cầu HTML Hỗ trợ trình duyệt HTML Sự kiện HTML Màu HTML HTML Canvas HTML Audio / Video HTML Doctypes Bộ ký tự HTML Mã hóa URL HTML Mã HTML Lang Tin nhắn HTTP Phương thức HTTP Công cụ chuyển đổi PX sang EM Các phím tắt bàn phím

Thực thể HTML


Các ký tự dành riêng trong HTML phải được thay thế bằng các thực thể ký tự.


Thực thể HTML

Một số ký tự được dành riêng trong HTML.

Nếu bạn sử dụng các dấu nhỏ hơn (<) hoặc lớn hơn (>) trong văn bản của mình, trình duyệt có thể trộn chúng với các thẻ.

Các thực thể ký tự được sử dụng để hiển thị các ký tự dành riêng trong HTML.

Một thực thể ký tự trông giống như sau:

&entity_name;

OR

&#entity_number;

Để hiển thị dấu nhỏ hơn (<), chúng ta phải viết: & lt; hoặc & # 60;

Lợi thế của việc sử dụng tên thực thể: Tên thực thể rất dễ nhớ.
Bất lợi khi sử dụng tên thực thể: Các trình duyệt có thể không hỗ trợ tất cả các tên thực thể, nhưng việc hỗ trợ cho số thực thể là tốt.


Không gian không phá vỡ

Thực thể thường được sử dụng trong HTML là khoảng trắng không ngắt: & nbsp;

Không gian không đứt đoạn là không gian sẽ không ngắt thành một dòng mới.

Hai từ cách nhau bởi dấu cách không ngắt sẽ dính vào nhau (không ngắt thành dòng mới). Điều này rất hữu ích khi việc ngắt các từ có thể gây khó hiểu.

Ví dụ:

  • § 10
  • 10 km / giờ
  • 10 GIƠ TÔI

Một cách sử dụng phổ biến khác của khoảng trắng không ngắt là ngăn trình duyệt cắt bớt khoảng trắng trong các trang HTML.

Nếu bạn viết 10 khoảng trắng trong văn bản của mình, trình duyệt sẽ xóa 9 khoảng trắng trong số đó. Để thêm không gian thực vào văn bản của bạn, bạn có thể sử dụng & nbsp; thực thể nhân vật.

Mẹo: Dấu gạch nối không ngắt ( & # 8209; ) được sử dụng để xác định một ký tự gạch nối (-) không ngắt thành một dòng mới.



Một số thực thể ký tự HTML hữu ích

Result Description Entity Name Entity Number Try it
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" double quotation mark &quot; &#34;
' single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

Lưu ý: Tên thực thể phân biệt chữ hoa chữ thường.


Kết hợp các dấu phụ

Dấu phụ là một "glyph" được thêm vào một chữ cái.

Một số dấu phụ, như dấu (̀) và dấu sắc (́) được gọi là dấu trọng âm.

Các dấu phụ có thể xuất hiện cả trên và dưới một chữ cái, bên trong một chữ cái và giữa hai chữ cái.

Các dấu phụ có thể được sử dụng kết hợp với các ký tự chữ và số để tạo ra một ký tự không có trong bộ ký tự (mã hóa) được sử dụng trong trang.

Dưới đây là một số ví dụ:

Mark Character Construct Result Try it
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

Bạn sẽ thấy thêm các ký hiệu HTML trong chương tiếp theo của hướng dẫn này.