Nếu bạn là nhà phát triển web, chắc chắn bạn đang sử dụng HTML!! Bạn đang sử dụng nhiều thuộc tính HTML, nhưng hôm nay các bạn sẽ được học một số điều mới!

bdo

Phần tử HTML ghi đè lên định hướng hiện tại của văn bản, để văn bản bên trong được hiển thị theo một hướng khác! Bạn có thể sử dụng tùy chọn dir để chỉ ra hướng này.

  • ltr –> Chỉ ra rằng văn bản nên đi theo hướng từ trái sang phải.
  • rtl –> Chỉ ra rằng văn bản nên đi theo hướng từ phải sang trái.
<p>
   <bdo dir="ltr">This text will go left to right.</bdo>
</p>
<p>
   <bdo dir="rtl">This text will go right to left.</bdo>
</p>

kbd

Nếu bạn cần hiển thị lối tắt cho người dùng của mình, bạn nên sử dụng kbd! Nó đại diện cho một khoảng văn bản nội tuyến biểu thị đầu vào của người dùng văn bản từ bàn phím.

<p>Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd> to re-render a browser page.</p>

details

Phần tử HTML tạo ra một widget công khai trong đó thông tin chỉ hiển thị khi widget được chuyển sang trạng thái "mở". Một bản tóm tắt hoặc nhãn phải được cung cấp bằng cách sử dụng thuộc tính.

<details>
   <summary>Details</summary>
   Something small enough to escape casual notice.
</details>.

contenteditable

Thuộc tính nội dung xác định xem nội dung của một phần tử có thể chỉnh sửa được hay không!

<p contenteditable="true">This is an editable paragraph.</p>

abbr

Thẻ <abbr> xác định chữ viết tắt hoặc từ viết tắt, như “HTML”, “CSS” và hiển thị tiêu đề hoàn chỉnh khi di chuột thẻ này.

<p>You can use <abbr title="Cascading Style Sheets">CSS</abbr> to style your <abbr title="HyperText Markup Language">HTML</abbr>.</p>

translate

Chỉ ra cho HTML là nội dung này cần phải được dịch hay không (ví dụ như google dịch).

<p translate="no">MrShresth</p>

color picker

Như bạn vừa học, bạn có thể dễ dàng tạo ra một bộ chọn màu! 👇

<input type="color">

Hy vọng bạn thích bài viết này

Bìa viết gốc tại đây.