html head 内置标签顺序
2016-10-18 10:03
295 查看
基本上就这几个标签么
<meta>、<link>、<title>、<script>、<style>、<base>
它们没有(规范上的)既定顺序标准。
一般是按照具体经验来分配。
如:
<meta>
<title>
<link> \ <style>
<base>
<script>
当然,约往后位置约不重要。比如 4 5 调换也没啥大事儿。
基本规律是:
meta 最好写在第一个,特别是 meta chaset 设定必须写第一个,它们是元数据,能让数据获取方得知此页面的元数据。最先得知页面编码,进而获取之后meta(如果有)内的作者、关键字等数据(因为这些内容可能是非ASCII字符)时,可以用指定编码方式获取。获取方得到全部元数据后可以自行判断是否继续获取其后内容。
title 紧随 meta 之后是因为可能获取方需要知道页面标题信息,并且在最先获取 chaset 信息后知道此标题的编码方式。如果获取方是页面浏览器,那么它可以最先用正确的页面编码方式显示标题给用户。
link、style 紧随 meta,其实还是主要为 link 大部分都是 CSS 样式文件考虑。由于外联样式可以并行下载,不会阻塞后续处理工作,style 也能让浏览器尽快得知页面排版布局信息。
base 一般情况下用的不多,只要不放第一个基本没啥关系。
script 放在最后,是基于script 不关是下载还是执行都会阻塞页面考虑,让它尽量偏后。(当然,这在绝大部分现代浏览器中不是事儿了,它会尽量"拖后"外联脚本下载时机)现在大多数情况没有特殊需求 script 都不放在 head 里了,而是放在 body 最后一个子节点上(也有给扔 html body 之外的,浏览器容错还是能给它修正回 body 最后节点上)。
<meta>、<link>、<title>、<script>、<style>、<base>
它们没有(规范上的)既定顺序标准。
一般是按照具体经验来分配。
如:
<meta>
<title>
<link> \ <style>
<base>
<script>
当然,约往后位置约不重要。比如 4 5 调换也没啥大事儿。
基本规律是:
meta 最好写在第一个,特别是 meta chaset 设定必须写第一个,它们是元数据,能让数据获取方得知此页面的元数据。最先得知页面编码,进而获取之后meta(如果有)内的作者、关键字等数据(因为这些内容可能是非ASCII字符)时,可以用指定编码方式获取。获取方得到全部元数据后可以自行判断是否继续获取其后内容。
title 紧随 meta 之后是因为可能获取方需要知道页面标题信息,并且在最先获取 chaset 信息后知道此标题的编码方式。如果获取方是页面浏览器,那么它可以最先用正确的页面编码方式显示标题给用户。
link、style 紧随 meta,其实还是主要为 link 大部分都是 CSS 样式文件考虑。由于外联样式可以并行下载,不会阻塞后续处理工作,style 也能让浏览器尽快得知页面排版布局信息。
base 一般情况下用的不多,只要不放第一个基本没啥关系。
script 放在最后,是基于script 不关是下载还是执行都会阻塞页面考虑,让它尽量偏后。(当然,这在绝大部分现代浏览器中不是事儿了,它会尽量"拖后"外联脚本下载时机)现在大多数情况没有特殊需求 script 都不放在 head 里了,而是放在 body 最后一个子节点上(也有给扔 html body 之外的,浏览器容错还是能给它修正回 body 最后节点上)。
相关文章推荐
- 关于html页面head标签顺序
- HTML head 头标签
- HTML head 头标签
- HTML head 头标签
- 前端学习第二章:认识html文件基本结构&认识head标签
- HTML head 头标签
- HTML-head标签
- 【转】【问题】HTML标签head内容被移至body,顶部有空隙
- html中a标签点击状态失效(覆盖)——link,visited,hover,active的顺序
- 修改PHPCMS头部标题标签{$head[title]}顺序
- HTML5中html head body标签应该省略吗
- HTML head 头标签
- HTML head 头标签
- HTML标签meta总结,HTML5 head meta属性整理
- html标签属性顺序
- 心得:HTML的head部分的书写顺序
- html知识笔记(一)——head和body标签
- html head标签里面的内容显示在body里面
- html中head标签中的内容
- 【原】HTML页面元素加载顺序研究报告(5)----Script标签在Firefox下对背景图片的影响