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

用户模型之三户模型

10 sec read

常用算法之分治法

分治法概念 分治法(divide-and-conquer)字面上的解释是“分而治之”,就是把一个复杂的问题分成两个或更多的相同或相似的子问题,直到最后子问题可以简单的直接求解,原问题的解即子问题的解的合并。分治有两个特点: 子问题相互独立且与原问题形式 ...
1 min read

使用Python更换外网IP

在进行数据抓取时,经常会遇到IP被限制的情况,常见的解决方案是搭建代理IP池,或购买IP代理的服务。除此之外,还有一个另外的方法就是使用家里的宽带网络进行抓取。由于家里的宽带每次断开重新连接时都会分配一个新的IP,所以在我们抓取数据的时候,判断 ...
36 sec read

Leave a Reply

Your email address will not be published. Required fields are marked *