html教程—HTML属性


摘要:
下文讲述html属性相关知识,如下所示:
实验环境:windows



html属性简介

html属性:是我们附加到html元素上的 键值对(key Value)信息;
html属性:属性设置方法 ,输入一个键名和一个等于号加上键值(键值使用双引号包含起来),例:
<span title=”属性值” >
html属性:有些html元素属性是html元素本身具备,例:
1.html元素特有属性
<a>元素中的target属性,如果我们设置此属性值后,当点击元素时,会根据此元素弹出不同的信息
2.html元素扩展属性
<a>元素中加入 showDate属性,那么这个属性就是用户自定义属性,我们需要使用javascript配合使用才能发挥此属性的关键性作用



html属性举例

  <!DOCTYPE html>
<html>
  <head>
    <title>这是maomao365.com的第一个网页</title>
  </head>
<body>
   <span>
     这是一个元素块
   </span>
   <br />
<a > target="_blank" showDate="2019-6-5" href="http://www.maomao365.com" 
     这是一个链接
   </a>
   
</body>
</html> 

从上文的 <a > 标签中,我们可以看出
此html元素我们定义了三个属性分别为:
target=”_blank”
showDate=”2019-6-5″
href=”http://www.maomao365.com”
————————————–
href:为html元素自带属性,当我们点击此链接时,则会跳转至属性值中的网页上
target:为html元素自带属性,当我们点击此链接时,在新网页中打开网页
showDate:为用户自定义html元素属性,我们可以在javascript获取此属性,然后做相应的处理



html属性应用场景

html属性用途非常广泛,一些 html元素自带的属性应用于常见的html操作中,
例class name id title style 等等

html自定义属性,通常我们通过这些自定义属性配合前端框架(vue.js bootstrap)进行各种数据绑定,数据属性设置。