Thứ hai, 12/10/2020 | 00:00 GMT+7

Cách sử dụng phần tử đánh dấu HTML5

mark là một phần tử ngữ nghĩa mới mà bạn có thể sử dụng để đánh dấu / đánh dấu văn bản có liên quan đến ngữ cảnh nhất định. Hướng dẫn này đánh giá việc triển khai phần tử mark .

Yêu cầu

Sử dụng phần tử mark

Một ví dụ điển hình về thời điểm người ta có thể sử dụng các yếu tố mark là để làm nổi bật các từ khóa trong kết quả tìm kiếm.

Ví dụ: ta đã tìm kiếm từ khóa “dog”:

<p>   Tell your <mark>dog</mark> to behave! </p> 

Tùy thuộc vào bạn để tạo kiểu cho phần tử đánh dấu khi bạn thấy phù hợp. Ví dụ:

mark {   background-color: rgba(107, 183, 86, 0.95);   border-bottom: 2px solid rgb(65, 118, 50); } 

Đây là một trường hợp sử dụng và triển khai cơ bản của thẻ mark .

Kết luận

Lưu ý <mark> không giống như <em> hoặc <strong> ở chỗ nó không tăng thêm tầm quan trọng hoặc sự nhấn mạnh cho nội dung được đánh dấu, điều này làm cho việc sử dụng nó chỉ giới hạn trong một số trường hợp sử dụng.

Để có bài đánh giá toàn diện hơn về ngôn ngữ đánh dấu HTML5, hãy khám phá loạt bài của ta , Cách tạo trang web bằng HTML .


Tags:

Các tin liên quan