HTML实用技巧集合

1.页面加载完成后执行脚本-defer属性

<script type="text/javascript" src="./demo.js" defer="defer"></script>

之前的话想要页面加载完后执行的脚本引用都是直接放在页面最下面，这样的坏处是要翻一整页代码，但有了defer之后，就可以和其它脚本引用一样都放在head里面了。

2.设置浏览器tab页的图标

<link rel="icon" href="/logo.ico">

其实这个不这么写，在根目录下放一个favicon.ico也是可以的，但名字必须是favicon.ico。

3.输入框限制数字输入

oninput事件在value改变时触发，但如果通过js改变将不会触发。

支持浮点数，不支持正负

<input
   oninput="value=value.replace(/[^\d|^\.]/g,'')"
   placeholder="请输入数字"
>

仅支持数字，不支持正负

<input
   oninput="value=value.replace(/[^\d]/g,'')"
   placeholder="请输入数字"
>

4.使用<colgroup>和<col>格式化表格

参考此文：HTML <colgroup> 标签 (opens new window)

5.利用<iframe>属性

利用<iframe>属性初始化。

<iframe src="https://www.baidu.com"></iframe>
<iframe src="https://www.baidu.com" frameborder="0" scrolling="no"></iframe>

参考此文：HTML <iframe> 标签 (opens new window)

---

🍗 不断更新...