《HTML里的draggable》

HTML里的draggable

一,序言

  HTML是我们最常用来写页面的,它里面有很多的新属性,今天来了解一下draggable!

二,draggable

  1.draggable是干嘛的?它是用来规定元素是否可以拖动

  2.draggable有三个值:true,false,auto

    true:规定元素可以拖动

    false:规定元素是不可以拖动

    auto:使用浏览器的默认属性

  

  eg:

    <img src="1.jpg" draggable="false"/>  //img图片不可以被拖动啦!

    直接在标签名后添加draggable等于我们所需要给的值即可!

三,番外:关于img

    常用属性:

      src          //图片路径

      width      //图片宽度

      height    //图片高度

      alt          //图片失效或未加载出来时会出现的文字提示

      title       //鼠标移至图片上时的图片提示

    啰嗦一下:图片img尽量在标签<img/>中写图片的width以及height,另外建议记得写alt="xxx",

  alt的内容也就是在你的网站图片失效或者加载不出来的时候可以显示的文字!

  如果加上了title属性,那么也就是当你的鼠标移至图片上时,鼠标箭头上方会显示你所写的title内容!

结束语:有何不妥还请各位路过的大佬指出来喔~

    此篇文章为原创,转载请声明!

猜你喜欢

转载自www.cnblogs.com/kitty-chan/p/12172954.html
今日推荐