HTML学习笔记:HEAD

31 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

Hive SQL中的datediff、current_dat…

Hive SQL中的datediff函数返回的是2个日期的天数。在使用过程中发现了一个比较有趣的坑: SELE
2 min read

使用Python进行相关性分析

在数据分析时,经常会针对两个变量进行相关性分析。在Python中主要用到的方法是pandas中的corr()方
42 sec read

动态规划之背包问题

2 min read

发表评论

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