HTML属性
属性是 HTML 元素提供的附加信息。
属性总是以 name="value" 的形式写在标签内,name 是属性的名称,value 是属性的值。
HTML 属性
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现,比如:name="value"。
属性实例
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:
<a href="http://www.shenqicode.com">这是一个链接</a>
HTML 属性常用引用属性值
属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。
提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='John "ShotGun" Nelson'
HTML 提示:使用小写属性
属性和属性值对大小写不敏感。
不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。
而新版本的 (X)HTML 要求使用小写属性。
常用HTML 属性
下列出了适用于大多数 HTML 元素的属性:
- id: 给元素一个唯一的标识符,可以用于 CSS 选择器或 JavaScript 操作:
<div id="header">这是头部</div>
- class: 给元素指定一个或多个类名,方便通过 CSS 或 JavaScript 操作:
<p class="text-muted">这是一个段落</p>
- style: 直接为元素定义 CSS 样式:
<span style="color: red;">这段文字是红色的</span>
- href: 用于 <a> 标签,指定链接目标:
<a href="https://www.shenqicode.com">首页</a>
- src: 用于 <img> 和 <script> 标签,指定资源的路径:
<img src="image.png" alt="图片描述">
- alt: 用于 <img> 标签,提供图片的替代文本:
<img src="logo.jpg" alt="公司Logo">
- title: 提供关于元素的额外信息,通常在鼠标悬停时显示:
<button title="点击这里提交">提交</button>
- name: 在 <input>, <form>, <select> 等表单元素中使用,定义元素的名称:
<input type="text" name="username">
- value: 定义表单元素的值:
<input type="text" value="默认值">
- target: 用于 <a> 标签,指定链接的打开方式(如 _blank 在新窗口中打开):
<a href="https://www.shenqicode.com" target="_blank" rel="bookmark">在新标签页中打开</a>
- type: 指定表单元素的类型(如 text, password, submit):
<input type="password" name="password">
- placeholder: 为 <input> 和 <textarea> 提供一个占位符文本:
<input type="text" placeholder="请输入姓名">
手机扫码阅读本文
本文来自互联网,本网站转载的目的在于传递更多信息以供访问者学习参考,所属内容只代表原作者的个人观点,不代表本网站的立场和价值判断,版权归原作者所有。如有侵犯您的版权,请联系我们,我们收到后会尽快核实并第一时间改正。