html元素属性有哪些

html元素属性有:accesskey、class、contenteditable、contextmenu、“data-*”、dir、draggable、dropzone、hidden、id、lang、spellcheck、style等等。

html元素属性有哪些

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

什么是属性

属性可以为 HTML 标签提供一些额外信息,或者对 HTML 标签进行修饰。属性需要添加在开始标签中,语法格式为:

attr="value"

登录后复制

attr 表示属性名,value 表示属性值。属性值必须使用双引号” “或者单引号’ ‘包围。

立即学习“前端免费学习笔记(深入)”;

注意,虽然双引号和单引号都可以包围属性值,但是为了规范和专业,请尽量使用双引号。

一个标签可以没有属性,也可以有一个或者多个属性。

HTML 属性有很多,大体可以分为两类:

有些属性适用于大部分或者所有 HTML 标签,我们将这些属性称为通用属性;

有些属性只适用于一个或者几个特定的 HTML 标签,我们将这些属性称为专用属性。

通用属性(全局属性)

属性 描述

accesskey设置访问元素的键盘快捷键。class规定元素的类名(classname)contenteditable规定是否可编辑元素的内容。contextmenu指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单data-*用于存储页面的自定义数据dir设置元素中内容的文本方向。draggable指定某个元素是否可以拖动dropzone指定是否将数据复制,移动,或链接,或删除hiddenhidden 属性规定对元素进行隐藏。id规定元素的唯一 idlang设置元素中内容的语言代码。spellcheck检测元素是否拼写错误style规定元素的行内样式(inline style)tabindex设置元素的 Tab 键控制次序。title规定元素的额外信息(可在工具提示中显示)translate指定是否一个元素的值在页面载入时是否需要翻译

专用属性

下面给大家介绍几个常用标签的属性

标签的属性

属性 值 描述

charsetchar_encodingHTML5 不支持。规定目标 URL 的字符编码。coordscoordinatesHTML5 不支持。规定链接的坐标。downloadfilename指定下载链接hrefURL规定链接的目标 URL。hreflanglanguage_code规定目标 URL 的基准语言。仅在 href 属性存在时使用。mediamedia_query规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。namesection_nameHTML5 不支持。规定锚的名称。relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。revtextHTML5 不支持。规定目标 URL 与当前文档之间的关系。shapedefault
rect
circle
polyHTML5 不支持。规定链接的形状。target_blank
     _parent
     _self
     _top
framename

规定在何处打开目标 URL。仅在 href 属性存在时使用。

_blank:新窗口打开。_parent:在父窗口中打开链接。_self:默认,当前页面跳转。_top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。typeMIME_type规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

属性 值 描述

acceptMIME_typeHTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的)accept-charsetcharacter_set规定服务器可处理的表单数据字符集。actionURL规定当提交表单时向何处发送表单数据。autocompleteon
off规定是否启用表单的自动完成功能。enctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method=”post” 的情况)methodget
 post规定用于发送表单数据的 HTTP 方法。nametext规定表单的名称。novalidatenovalidate如果使用该属性,则提交表单时不进行验证。target_blank
_self
_parent
_top规定在何处打开 action URL。

标签的属性

属性 值 描述

manifestURL定义一个 URL,在这个 URL 上描述了文档的缓存信息。xmlnshttp://www.w3.org/1999/xhtmlHTML 不支持。只有 XHTML 支持。规定 XML 的 namespace 属性(如果您需要您的内容符合 XHTML,则使用这个属性。)。

标签的属性

属性 值 描述

disableddisabled规定此选项应在首次加载时被禁用。labeltext定义当使用 时所使用的标注。selectedselected规定选项(在首次显示在列表中时)表现为选中状态。valuetext定义送往服务器的选项值。

。。。。

相关推荐:《html视频教程》

以上就是html元素属性有哪些的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2941675.html

(0)
上一篇 2025年3月11日 21:56:42
下一篇 2025年2月18日 10:06:24

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html的标签一定是成对出现的吗

    html的标签不一定是成对出现,也有单独呈现的标签,即没有闭合标签的标签;它们是在开始标签中就关闭的元素,不存在成对的情况,例如br、hr、img、input、link、meta、param、source等等。 本教程操作环境:window…

    2025年3月11日
    200
  • html中显示图片的代码是什么

    html中显示图片的代码是“”。HTML img标签定义HTML页面中的图像,该标签的src属性规定显示图像的URL。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 在html中,可以通过添加img标签来显示图片…

    2025年3月11日
    200
  • html中dl与ul的区别是什么

    html中dl与ul的区别:1、dl标签用于定义描述列表;ul标签用于定义无序列表;2、dl标签与dt、dd标签配合使用会默认前后层级关系,ul标签与与li标签配合使用默认无序没有层级关系。 本教程操作环境:windows10系统、HTML…

    2025年3月11日
    200
  • html seo是什么意思

    在html中,SEO的意思为“搜索引擎优化”,是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式;利用SEO对网站进行深度的优化,可帮助网站获取免费的流量,从而提高网站的知名度。 本教程操作环境:windows7系统、HTML5…

    2025年3月11日
    200
  • html中什么是伪类

    在html中,伪类是一种用于已有元素处于某种状态时(滑动、点击等)为其添加对应样式的选择器,且这个状态是根据用户行为而动态变化的。常用伪类有“:active”、“:hover”、“:link”、“:root”、“:valid”等等。 本教程…

    2025年3月11日
    200
  • html div有哪些属性

    html div属性有:align、accesskey、class、id、lang、style、title、hidden、“data-*”、draggable、dropzone、spellcheck、tabindex、translate等。…

    2025年3月11日
    200
  • html中什么是空元素

    在html中,空元素指的是没有内容的HTML元素,空元素下是没有子级节点和内容的;空元素是在开始标签中关闭的,也就是说空元素没有闭合标签的。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 在用来描述网页的计算机语…

    2025年3月11日
    200
  • html表格有哪些标签

    html表格标签有:1、“”;2、“”;3、“”;4、“”;5、“”;6、“”;7、“”;8、“”;9、“”等等。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 在 HTML 中,我们使用 标签来定义表格。HTM…

    2025年3月11日
    200
  • html5中top是什么意思

    html5中top是“顶部”、“距离顶部”的意思,top属性用于规定元素的顶部边缘,也可用于设置定位元素的上外边界与其包含块上边界之间的偏移,语法为“”或“Object.style.top=值”。 本教程操作环境:windows10系统、H…

    2025年3月11日
    200
  • html中怎么设置字体透明度

    html中设置字体透明度的方法:1、利用color属性和rgba()函数,语法为“字体元素{color: rgba(红色值, 绿色值, 蓝色值, 透明度值);}”;2、利用opacity属性,语法“字体元素{opacity:透明度值;}”。…

    2025年3月11日
    200

发表回复

登录后才能评论