Có rất nhiều cách khác nhau để in đậm một đoạn text trên trang web. Ngoài việc sử dụng thẻ bold hoặc strong, bạn có thể sử dụng thẻ in đậm trong CSS. Thuộc tính in đậm của CSS giúp bạn có nhiều lựa chọn hơn so với HTML. Hãy cùng Got It tìm hiểu về thẻ in đậm trong
CSS cũng như cách sử dụng nó qua bài viết dưới đây nhé. Mục lục
1. Thẻ in đậm trong CSS là gì?
Khi thiết kế một website, việc in đậm một đoạn text giúp người dùng chú ý hơn vào nội dung này. Đây là cách hữu ích để truyền đạt một thông tin quan trọng cho người đọc. In đậm một đoạn text cũng có công dụng về cải thiện SEO [Search Engine Optimization] website. Các từ khóa được in đậm sẽ giúp công cụ tìm kiếm đánh giá tầm quan trọng cao hơn khi index website. Để in đậm một đoạn text, thông thường bạn hay sử dụng thẻ bold và thẻ strong trong HTML. Tuy nhiên, hai thẻ này có khá ít lựa chọn và không dễ thao tác đối với lập trình viên.
Một trong những cách tối ưu hơn để in đậm text là sử dụng thẻ in đậm trong CSS. Thẻ in đậm text trong CSS là thẻ font-weight. Thẻ này sẽ giúp thay đổi độ mỏng và dày của chữ tùy theo mục đích của lập trình viên. Thẻ font-weight mang lại rất nhiều lựa chọn cho bạn so với thẻ bold và strong trong HTML. Thuộc tính font-weight được hỗ trợ bởi hầu hết các trình duyệt như Chrome, Firefox, Safari,…
2. Cách sử dụng thẻ in đậm
Thuộc tính in đậm được sử dụng giống như hầu hết các thuộc tính CSS khác. Để sử dụng thuộc tính này, đầu tiên bạn hãy lựa chọn đoạn text mà mình muốn in đậm. Bạn có thể in đậm cả đoạn văn bản, hoặc sử dụng span để in đậm một text nhỏ. Bạn hãy tham khảo đoạn code mẫu dưới đây:
Đoạn code trên sẽ in đậm toàn bộ văn bản p của website. “font-weight” là tên thuộc tính in đậm trong CSS. Còn “bold” là giá trị in đậm. Bạn có thay thế giá trị “bold” bằng các giá trị khác tùy theo mục đích.
3. Các giá trị của thẻ in đậm trong CSS
Thẻ in đậm có rất nhiều giá trị khác nhau. Bạn có thể thay đổi độ mỏng và dày của đoạn text bằng các giá trị này. Thẻ font-weight trong CSS thường có các giá trị như:
- normal: Đây là giá trị mặc định của thẻ font-weight. Đoạn text sẽ được hiển thị với độ dày mặc định của trình duyệt web.
- bold: Giá trị này sẽ hiển thị đoạn text đậm hơn so với bình thường.
- bolder: Đây là giá trị hiển thị đoạn text đậm hơn so với giá trị bold.
- lighter: Giá trị lighter của thẻ in đậm sẽ hiển thị đoạn text mỏng hơn so với normal.
- 100,200,…,900: Bạn có thể nhập các giá trị này vào để tùy chỉnh độ dày của đoạn text.
- inherit: Giá trị này sẽ kế thừa độ đậm của thành phần mẹ bao quanh đoạn text.
Thuộc tính in đậm là cách hữu hiệu để in đậm một đoạn text của website. Bạn có thể tùy chỉnh độ đậm nhạt của văn bản với nhiều giá trị của thẻ font-weight. Thẻ in đậm trong CSS sẽ giúp bạn thiết kế website một cách tốt nhất.
Thẻ in đậm trong HTML giúp định dạng và làm nổi bật thông tin của đoạn văn. Có 2 loại thẻ in đậm thường được sử dụng là thẻ và thẻ . Mỗi thẻ sẽ có mỗi công dụng và cách sử dụng khác nhau. Hãy cùng tìm hiểu về thẻ in đậm cùng vai trò của nó qua bài viết sau đây.
Mục lục
- 1. Thẻ in đậm trong HTML là gì?
- 2. Sự khác biệt giữa thẻ bold và thẻ strong
- 3. Vai trò của thẻ in đậm trong HTML
1. Thẻ in đậm trong HTML là gì?
Thẻ in đậm trong HTML ngoài công dụng làm rõ một phần nội dung văn bản thì còn có thể sử dụng để làm nổi bật một phần cấu trúc của website. Thông thường, có 2 thẻ in đậm chính là thẻ bold và thẻ strong.
Thẻ bold sẽ được sử dụng để in đậm một phần văn bản của nội dung trên trang web. Còn thẻ strong cũng hiển vị văn bản dưới dạng in đậm nhưng ý nghĩa của nó là giúp đề cao ý nghĩa của phần văn bản đó.
Cấu trúc của thẻ bold là “Nội dung muốn in đậm”. Còn cấu trúc của thẻ strong là “Nội dung muốn in đậm”. Sự khác biệt giữa thẻ bold và thẻ strong không quá rõ ràng vì hầu hết các trình duyệt web hiển thị thẻ bold và thẻ strong giống nhau. Tuy nhiên, đối với một vài trình duyệt web, bạn sẽ dễ dàng nhận ra được sự khác biệt rõ ràng của hai loại thẻ này khi tìm hiểu chuyên sâu.
2. Sự khác biệt giữa thẻ bold và thẻ strong
Sự khác biệt chính giữa 2 thẻ in đậm trong HTML nằm ở mặt ngữ nghĩa. Cả thẻ bold và thẻ strong đều có công dụng hướng sự chú ý của người dùng đến 1 đoạn text cụ thể. Những trong đó, thẻ bold thì chỉ in đậm đoạn text, còn thẻ strong thì vừa in đậm và thông báo với trình duyệt là đoạn text này rất quan trọng.
Sở dĩ có sự khác biệt này vì HTML phân biệt rất rõ giữa ngữ nghĩa và hiển thị lên màn hình. Website chỉ hiểu được phần ngữ nghĩa nằm ở trong đoạn code, còn phần hiển thị lên màn hình sẽ là phần tương tác chính với người dùng.
3. Vai trò của thẻ in đậm trong HTML
Thẻ in đậm có rất nhiều vai trò và công dụng khác nhau. Trong đó, vai trò quan trọng nhất là làm nổi bật đoạn text cho người đọc. Những đoạn text được làm nổi bật thông thường là những từ ngữ nên được ghi nhớ. Chức năng in đậm sẽ giúp người đọc dễ dàng chú ý hơn so với các thông tin khác trên website.
Ngoài ra, các thẻ in đậm còn giúp cho chúng ta thực hiện SEO dễ hơn. Các nội dung nằm trong thẻ bold và strong sẽ được coi trọng hơn. Các công cụ tìm kiếm sẽ hiểu và đề cao các từ khóa khi nằm trong 2 cặp thẻ này.
Thẻ in đậm có tầm quan trọng rất lớn trong việc xây dựng website. Bạn cần nắm rõ 2 loại thẻ bold và strong cũng như công dụng của chúng. Hãy tận dụng thẻ in đậm trong HTML đúng cách để có thể nâng cao thứ hạng của một website dễ dàng hơn.