2017年最新的 <head> 元素指南

整理了一份关于可以写入到HTML 标签中的内容清单-2017年最新的 <head> 元素指南,主要内容来自 <head> cheatsheet ,让大家了解每个标签及相应属性的意义,写出满足自己需求的 <head> 头部标签,可以很有效的增强页面的可用性。

你也可以查看移动前端不得不了解的HTML5 head 头标签 继续阅读

移动前端不得不了解的html5 head 头标签

时间和浏览器厂商的升级的关系,本文有些过时了。
所以重新整理了一下 移动前端不得不了解的HTML5 head 头标签(2016最新版) 。
增加了新的内容,及过时的一些提示,同时增加了部分桌面端浏览器的一些说明。

本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签

移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta标签显得非常重要。

 

DOCTYPE

DOCTYPE(Document Type),该声明位于文档中最前面的位置,处于 html 标签之前,此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。

使用 HTML5 doctype,不区分大小写。

<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 -->

charset

声明文档使用的字符编码,

<meta charset="utf-8">

html5 之前网页中会这样写:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

这两个是等效的,具体可移步阅读:<meta charset='utf-8'> vs <meta http-equiv='Content-Type'>,所以建议使用较短的,易于记忆。 继续阅读