HTML head 常用标签 2019-12-10 Avin Zheng HTML HTTP Headers 相关 字符编码 定义文档字符编码： <!-- HTML5 --> <meta charset="UTF-8" /> <!-- HTML4 --> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> Tips: <meta> 元素必须包含在 <head> 元素中并且在HTML代码的前… 阅读全文
iOS Safari Web App 配置 2019-10-03 Avin Zheng H5, HTML 全屏模式 手动开启页面全屏模式： <!-- 开启全屏模式 --> <meta name="apple-mobile-web-app-capable" content="yes"> Tips: 可使用 JS 的 window.navigator.standalone 属性来查看是否开启了全屏模式。 状态栏 全屏模式下可设置状态栏样式： <!-- 默认状态栏 --> <meta name="apple-mobile-web-app-… 阅读全文
CSS 常用三栏布局 2019-10-02 Avin Zheng CSS, HTML 布局方案对比 布局名称 兼容性 清除浮动 渲染顺序 圣杯布局 IE6 需要 中间栏最先 双飞翼布局 IE6 需要 中间栏最先 混合浮动布局 IE6 需要 中间栏最后 弹性布局 IE11 不需要 可自定义顺序 Tips: 以上布局方案均为解决 “中间栏宽度自适应，两边栏定宽，三栏均可撑起父容器高度” 的布局问题，可推广至两栏自适应布局。 布局方案明细 圣杯布局 HTML: <header class="header">Header</header>… 阅读全文
