霍者博客

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

做网页设计的都知道HTML标签很多,但常用的也就那么几个。文章介绍一些常用的HTML标签,以及一些非常有用的HTML属性。

<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标签属性会有意想不到的效果

<img src="images/123.jpg" onerror="img/logo.jpg"/>

logo.jpg为水印图片

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

<meta http-equiv="refresh" content="3" />表示页面每隔3秒钟刷新一次。
<meta http-equiv="refresh" content="3; url=http://www.huozheweb.com" />表示页面3秒后跳转到http://www.huozheweb.com页面。

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

原创文章请注明转载自霍者博客本文地址:http://www.huozheweb.com/post/686.html,标题:正确使用这些HTML标签属性会有意想不到的效果

【我来说两句】
分享到:

相关文章:



评论 0

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。