关于head标签的一些整理

自己关于HTML中head头部内的一些标签理解还是有一些乱，所以抽时间整理一下，方便以后查看。

DOCTYPE


<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

声明DOCTYPE的目的有2个

  1. 通知浏览器在解析的时候用什么样的方式。浏览器有三种解析HTML文件的方式：标准模式、怪异模式、部分怪异模式。
  2. 对文档进行有效性验证。

HTML 4.01 Strict

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


HTML 4.01 Transitional


该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">





HTML 4.01 Frameset


该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">





HTML 5



<!DOCTYPE html>


以上部分摘自W3SCHOOL


meta




meta标签内可以设置页面的字符编码


<meta charset="utf-8">


然而在HTML5出现之前，字符编码是这么设置的。


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


meta标签内还可以设置语言类型


许多同学都会这么写lang属性。


<html lang="zh-CN">


其实这是已经被废弃的写法！请参考这个：网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"？


以我们经常写中文页面的情况来看，应该用下面的写法。


<html lang="zh-cmn-Hans"><!-- 简体中文 -->
<html lang="zh-cmn-Hant"><!-- 繁体中文 -->


meta标签可以让一些浏览器以特定的内核渲染页面


<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />


这样会让浏览器优先使用ie最新版本和chrome。


国内一些双核浏览器默认都是以ie内核的，可以通过设置meta让其默认用chrome内核。


<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">


meta标签设置页面关键词


<meta name="keywords" content="your keywords">


meta标签设置页面描述


<meta name="description" content="页面描述">


meta标签设置页面作者


<meta name="author" content="作者信息">


viewport




现在手机web盛行，传统的pc页面在手机上的显示并不是非常理想，可以通过设置viewport来着手。


<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />


以上属性，光看名字就能猜到大概了。主要是告诉浏览器，宽度设置为设备宽度。同时禁用页面缩放。


关于设备宽度，像素比，请看这里：设备像素比devicePixelRatio简单介绍


link




link标签除了可以引入css样式文件意外，还可以设置页面的ico文件。


<link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> <!-- 添加 favicon icon -->


以上是普通页面的一些常用的head内的标签使用。关于移动web的整理另外开一篇。
				


				
时间： 2024-10-05 16:54:13 

		


		


	

	
	

		


		
关于head标签的一些整理的相关文章


						

		

			

                meta标签常用属性整理
			

		

		

									

				在segmentfault看到这篇文章,觉得整理的很详细,所以转载过来和大家分享一下.原文地址:http://segmentfault.com/blog/ciaocc/1190000002407912作者:ciaocc版权贵ciaocc所有,转载请注明版权. 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. ——W3School 必要属性 属性 值 描述 content			

		

	

						

		

			

                RFID标签使用常识整理
			

		

		

									

				引用原文链接[!https://www.cnblogs.com/ioter/articles/3732918.html] 在做UHF应用的越来越多了,如何根据实际应用设计系统以达到更佳的使用效果,其中对UHF标签相关内容的了解至关重要,很多朋友对标签的了解不多,在此不才,整理了一些资料,供大家参考,有出入的地方欢迎各位鞋童多拍砖头,大家一起来探讨,最后达到你好,我好,大家都好的效果. 符合EPC Class1 Gen2(简称G2)协议V109版的电子标签(Tag,简称标签)和Reader(读写器			

		

	

				

		

			

                HTML meta标签常用属性整理
			

		

		

									

				概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. -- W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关联到HTTP头部. na			

		

	

				

		

			

                常用网页头部meta标签收集和整理
			

		

		

									

				< meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. --W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关			

		

	

				

		

			

                Dede常用标签整理
			

		

		

									

				1.指定显示文章和栏目 指定文章{dede:arclist idlist='9,14,13,15'}<li><a href="[field:arcurl/]">[field:title/]</a></li>{/dede:arclist} 指定栏目 {dede:type typeid='1'}<a href="[field:typelink /]">[field:typename /]</a>{/			

		

	

				

		

			

                s:iterator标签的执行过程
			

		

		

									

				Struts中iterator标签也是一个比较重要的标签,现将该标签的使用整理如下: 格式: <s:iterator value="要迭代的对象" id="为遍历元素所起的名字" status="状态变量的引用"> <s:property value="id属性的属性值(上方)"> </s:iterator> 根据这个格式,就可以遍历显示出"要迭代的对象"的所有的成员值了			

		

	

				

		

			

                Sublime text开发工具快捷键整理
			

		

		

									

				作者:luuman链接:https://www.zhihu.com/question/37342465/answer/71529988来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 二. 界面 1.概况: 1.从上到下:标题栏Title.菜单栏Menu.标签栏Tab.编辑区Editing Area.控制台Console.状态栏Status Bar. 2.从做到右:侧边栏(可关闭.文件.文件夹视图).编辑区(代码编辑).MiniMap(缩略图). 2.菜单栏:各种命			

		

	

				

		

			

                JSP和Servlet[2]
			

		

		

									

				JavaBean组件 JavaBean 是使用 Java 语言开发的一个可重用的组件,在 JSP 开发中可以使用 JavaBean 减少重复代码,使整个JSP 代码的开发更简洁. 1.jsp:useBean创建javaBean <jsp:useBean id="实例化对象名称" scope="保存范围" class="类完整名称"/>Scope,一共有 page,request,session 和 application4 个属性范围			

		

	

				

		

			

                css样式表，格式布局。
			

		

		

									

				今天不写知识了,这两天一直在练习,回想一下学习的内容,首先,你建立一个盒子,你得想到把盒子放在哪个位置,这时候就需要确定一下距离上下左右边框的距离,用什么定位,用相对定位还是绝对定位,一般默认的是相对定位,绝对定位有点死脑筋,也可以这样理解.你输入边距加一个position:fixed;把这个盒子定死了. 对于多个盒子的理解有时候需要用到流式布局,不建立流式布局,建立的盒子会从第一个盒子开始往下走,不会直着顺序走,一般都会用到流式布局.我自己理解的,定义一个盒子的位置很简单其实,你只要不粗心写错