HTML学习笔记:HEAD

33 sec read

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

使用tqdm显示Python代码执行进度

在使用Python执行一些比较耗时的操作时,为了方便观察进度,通常使用进度条的方式来可视化呈现。Python中
标点符
34 sec read

利用SWIG实现Python调用C/C++

SWIG简介 SWIG是Simplified Wrapper and Interface Generator的
标点符
1 min read

WordPress又被黑了,解决方案记录

过了一个周末,今天整个网站打开无样式,后台无法打开,直接跳转到其他网站,才意识到网站可能被黑了。查看源代码:
标点符
1 min read

发表评论

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