# HTML
# 响应式 Meta
<meta name="viewport" content="width=device-width, initial-scale=1">
# 发送邮件链接的写法
<a href="mailto:someone@yoursite.com">Email Us</a>
<!-- 邮件主题 -->
<a href={mailto:...?subject=`${encodeURIComponent(主题)}`">Email Us</a>
<!-- 邮件内容 -->
<a href={mailto:?body=`${encodeURIComponent('姓名: \n诉求: \n')}`}>Email Us</a>
# 下载文件
a
标签的 download
属性。指示浏览器下载 URL 而不是导航到它,因此将提示用户将其保存为本地文件。
TIP
- 此属性仅适用于同源 URL (opens new window)。
- 尽管 HTTP URL 需要位于同一源中,但是可以使用 blob: URL (opens new window) 和 data: URL (opens new window) ,以方便用户下载使用 JavaScript 生成的内容(例如使用在线绘图 Web 应用程序创建的照片)。
# 关闭输入框自动补全
<input type="text" autocomplete="off"/>
# 关闭自动填充密码
<!-- https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/password -->
<input type="password" autocomplete="current-password">
# 让元素可编辑的属性
加 contentEditable
属性。编辑内容,默认是支持粘贴富文本的。只支持纯文本: contenteditable="plaintext-only"
。
# 站位图
//iph.href.lu/335x200?text=文字
# 更多
— 完 —
整理By Joel (opens new window)。微信号搜索: joel007。