正确使用这些HTML标签属性会有意想不到的效果

做前端开发的都知道HTML标签很多,但常用的也就那么几个。个人觉得在标签上面小程序做得很好,只有26个标签,而且是我们常用到的。文章介绍一些常用的HTML标签,以及一些非常有用的HTML属性。

本次不详细讨论标签的使用,有兴趣的朋友可以关注我下篇关于常用标签的使用注意事项的文章。

以下是小编最常用的标签,可以说几乎开发网页就用到这么22个标签。

正确使用这些HTML标签属性会有意想不到的效果

22个最常用的标签

1.点击“下载” 链接,下载图片或文件而不是预览,直接添加一个download属性就可以

<a href="large.jpg" download>下载</a>

2.disable="disable"禁止点击属性,要去除时,请用js删除该属性。

3.<button type="button"></button>必须指明类型type="button",否则默认为submit,造成页面刷新。

4.input type="file" accept="image,excel,word” 上传控件的accept属性

默认是可以上传所有文件。

accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开。

5.favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个 性的缩略logo标志

正确使用这些HTML标签属性会有意想不到的效果

<head>

<link rel="shortcut icon" href="/favicon.ico"/>

<link rel="bookmark" href="/favicon.ico"/>

</head>

6.图片加载慢时用logo图片代替,onerror当图片不存或加载不出来才生效。

正确使用这些HTML标签属性会有意想不到的效果

7.HTML使用标签的refresh功能来刷新或跳转页面

<meta http-equiv="refresh" content="3" />表示页面每隔3秒钟刷新一次。

<meta http-equiv="refresh" content="3; url=<#ZC_BLOG_HOST#>" />表示页面3秒后跳转到 <#ZC_BLOG_HOST#>页面。

说明:若果我们网站的首页是一个index.asp页面,当它遭到CC攻击是,我们把index.asp页面打开的内容保存到index.html(新建文本并保存)中。然后清空index.asp的内容(清空之前注意备份),将上面的refresh语句复制进来。这样就可以有效的防止CC攻击。

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值