HTML 属性

属性是 HTML 元素提供的附加信息。

HTML 元素可以设置属性;

属性可以在元素中添加附加信息;

属性一般描述于开始标签;

属性总是以名称-值(key-value)对的形式出现,如 name = "value"。

示例:HTML 的链接由 <a> 标签定义。链接的地址(跳转地址)在 href 属性中指定,如:

<a href="https://blog.csdn.net/jiaomubai?type=blog">我的博客</a>

如上图所示,可以看到已经成功跳转到我的博客的首页了。

使用时需要注意的是属性值应该始终包含在引号内,单引号或双引号都行,但是如果属性值本身就带有双引号的化,那么就应该采用单引号嵌套双引号的方式,也可以理解为单引号是比双引号的层级高,如 name='His name is "John"',这就属于属性值本身带有双引号的情况,需要使用单引号去包含双引号。同时建议使用小写的属性或属性值,尽管网络对于属性和属性值是大小写不敏感的,也就是对于 href="xxx" 和 HREF="XXX" 是一样的,但是为了规范和易读,还是建议使用小写的属性和属性值命名方式。

对于大多数 html 元素来说,有如下几个属性是适用的:

属性描述
class为 html 元素定义一个或多个类名(classname)(类名从样式文件引入)
id定义元素的唯一 id
style规定元素的行内样式
title描述了元素的额外信息(作为工具条使用)

示例:也可为上述示例的 <a> 元素定于 id

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML 属性示例</title>
</head>
<body>
    <a id="href1" href="https://blog.csdn.net/jiaomubai?type=blog">我的博客</a>
</body>
</html>

也可以正常跳转。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值