您现在应该知道的 7 个 HTML 属性！

 

I'm big enough :O (Hacking)

我已经足够大了 :O（黑客）

如果你是一名 Web 开发者，你肯定在使用 HTML！你正在使用很多 HTML 属性，但今天你将学到一些新东西！

布多

HTML 元素会覆盖文本的当前方向，从而使其中的文本以不同的方向呈现！您可以使用dir选项来指示此方向。

• ltr-> 表示文本应从左到右排列

• rtl-> 表示文本应从右到左书写。
  

<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！它代表一段内联文本，表示用户通过键盘输入的文本。

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

细节

此 HTML 元素创建一个公开小部件，其中的信息仅在小部件切换至“打开”状态时可见。必须使用此元素提供摘要或标签。

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

内容可编辑

contenteditable 属性指定元素的内容是否可编辑！

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

缩写

该<abbr>标签定义一个缩写或首字母缩略词，如“HTML”、“CSS”，并在鼠标悬停在该标签上时显示完整的标题。

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

翻译

向 HTML 指示此内容是否需要翻译（例如通过谷歌翻译）。

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

颜色选择器

是的，正如你刚刚学到的，你可以轻松创建一个颜色选择器！👇

<input type="color">

我希望你喜欢这篇文章！

🎁 如果您在TwitterUnderrated skills in javascript, make the difference上关注我并给我点赞，即可免费获得我的新书😁

或者在这里获取

🇫🇷🥖 对于法国开发者，你可以查看我的YoutubeChannel

🎁我的新闻通讯

☕️ 你可以支持我的作品🙏

🏃‍♂️ 你可以关注我 👇

🕊 推特：https://twitter.com/code__oz

👨‍💻 Github：https://github.com/Code-Oz

你也可以标记🔖这篇文章！