【web前端基础3】HTML5通用属性_前端中属性是那个?-优快云博客

本文链接：https://blog.youkuaiyun.com/liao_sp/article/details/129771444

1 核心属性

class：定义类规则或样式规则。
id：定义元素的唯一标识。
style：定义元素的样式声明。
以下元素不拥有核心属性：html、head、title、base、meta、param、 script、style。

2 语言属性

lang：定义元素的语言代码或编码。其属性值应该是符合标准的语言代码，如zh代表中文、en代表英语、fr代表法语、ja代表日文等。
dir：定义文本方向，包括ltr和rtl取值，分别表示从左向右和从右向左。

以下元素不拥有语言属性：framset、frame、iframe、br、hr、base、
param、script。

示例代码:

<body>
<div dir="ltr"> 方向为ltr的文本</div>
<div dir="rtl">方向为rtl的文本</div>
</body>

显示效果:

3 键盘属性

键盘属性定义元素的键盘访问方法，包括两个属性：

accesskey：定义访问某元素的键盘快捷键。
tabindex：定义元素的Tab键索引编号。

使用accesskey属性可以使用快捷键（Alt+字母）访问指定的URL，但是浏览器不能很好地支持，在IE中仅激活超链接，需要配合Enter键确定。
tabindex属性用来定义元素的Tab键访问顺序，可以使用Tab键遍历页面中的所有链接和表单元素。遍历时会按照tabindex的大小决定顺序，当遍历到某个链接时，按Enter键可打开链接页面。

4 内容属性

内容属性定义元素包含内容的附加信息，这些信息对于元素来说具有重要补充作用，避免元素本身包含信息不全而被误解。

alt：定义元素的替换文本。如当浏览器被禁止显示、不支持或无法下载图像时，通过替换文本给那些不能看到图像的用户提供文本说明。
title：定义元素的提示文本。
longdesc：定义元素包含内容的大段描述信息。
cite：定义元素包含内容的引用信息。
datetime：定义元素包含内容的日期和时间。

示例代码：

<body>
<div title="测试标题">测试div title 属性</div>
</body>

显示效果：
在这里插入图片描述

5 表单属性

autofocus：input（type=text）、select、textarea与button元素的属性，它以指定属性的方式让元素在画面打开时自动获得焦点。
placeholder：为input（type=text）与textarea元素的属性，它会对用户的输入进行提示，提示用户可以输入的内容。
form：input、output、select、textarea、button与fieldset的属性，声明它属于哪个表单，然后将其放置在页面上任何位置，而不是表单之内。
required：input（type=text）与textarea元素的属性。表示在用户提交的时候进行检查，检查该元素内一定要有输入内容。
novalidate：input、button、form元素的属性，可以取消提交时进行的有关检查，表单可以被无条件地提交。

示例代码：

<body>
    <form action="Formtest">
        <input type="text" placeholder="输入提示">
        <input type="text" autofocus>
        <input type="text" required>
        <button>提交</button>
    </form>
</body>