HTML学习笔记:HEAD

Doctype(文档类型)

目前的主流浏览器基本上都支持了HTML,所以只需使用

更多信息:https://www.biaodianfu.com/doctype.html

Language attribute(语言属性)

在设置页面语言的时候,需要特别注意,对于简体中文页面,应该设置为lang=”zh-cmn-Hans”,而不是lang=”zh-CN”。

更多信息:https://www.biaodianfu.com/langtag.html

Charset(字符格式)

在HTML5场景下,只需使用如下代码即可。

如果是非HTML5场景,使用:

需要注意,为避免造成解析的错误,最好的HTTP的HEAD中“Content-Type”字段指定charset。

X-UA-Compatible(浏览器兼容模式)

由于目前IE使用的量越来越少,先前IE的怪异模式也越来越少见,所以浏览器兼容模式也没有什么设置的必要性。

更多信息:https://www.biaodianfu.com/x-ua-compatible.html

Viewport(视窗)

viewport详细介绍见:https://www.biaodianfu.com/viewport.html

viewport-fit是Apple新加的属性,目的是控制iPhone X的刘海显示,详见:剖析 iOS 11 网页适配问题

Title(标题)

页面标题需要注意长度,在能够反应页面的内容的情况不宜过长,英文控制在55字符以内,中文则控制在23个文字以内。

Description(描述)

同样需要控制页面描述的长度。

Favicons(图标)

非常建议将favicon.ico放在网站的根目录,原因是IE10及以下会自动请求网站根目录的favicon.ico文件。对于For IE 11, Edge, Chrome, Firefox, Safari, Opera推荐使用.png格式的图片来代替.ico文件(推荐尺寸32x32px)

其他参考链接:

Meta标签

更多meta标签:https://www.biaodianfu.com/html-meta.html

其他参考链接

微信支付标点符 wechat qrcode
支付宝标点符 alipay qrcode

WordPress LaTeX插件更换记录

由于自己的博客要插入很多的公式,所以需要依赖LaTeX插件来帮忙实现。先前一直使用的是WP QuickLaTe

Docker容器内多用户版JupyterHub支持GPU

前一篇文章介绍了Docker下安装多用户版的JupyterHub,但安装完毕后会遇到一个问题:Docker内无

使用Docker安装多用户版的JupyterHub

宿主服务器使用的是Ubuntu 18.04,需要注意的是Docker目前不支持Ubuntu 19.10。如要在

发表评论

电子邮件地址不会被公开。 必填项已用*标注