Meta标签&属性与HTML存储

一、基本用法

【Html声明标签】

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

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

在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML，所以不需要引用 DTD。

提示：请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。

1、Html4声明方式

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

2、Html5声明方式

<!DOCTYPE html>

【Meta标签】

Meta标签是HTML语言Head区域的一个辅助性标签，常用于定义页面的说明，关键字，最后修改的日期和其他的元数据。这些元数据将服务于浏览器，搜索引擎和其他网络服务。

1、http-equiv，指定元信息的名称，该属性指定的名称具有特殊意义，它可以向浏览器回传一些有用的信息，帮助浏览器正确地处理网页内容

＜meta http-equiv="参数" content="参数变量值"＞

具体参数参考：https://blog.csdn.net/fay462298322/article/details/66969579

2、name，指定元信息的名称，该名称值可以随意指定

<meta name="参数" content="具体的描述">

具体参数参考：https://www.cnblogs.com/cangqinglang/p/10788281.html

【HTML与XHTML的差异】

在 HTML 中，<meta> 标签没有结束标签
在 XHTML 中，<meta /> 标签必须被正确地关闭
注释：<meta> 标签永远位于 head 元素内部，元数据总是以名称/值的形式被成对传递的

二、常用属性

【条件注释判断IE浏览器】

<!--[if IE]>条件注释区分非IE浏览器
<!--[if lt IE 7 ]><html class="oldie ie ie6"> <![endif]-->  
<!--[if IE 7 ]><html class="oldie ie ie7"> <![endif]-->  
<!--[if IE 8 ]><html class="ie ie8"> <![endif]-->  
<!--[if (gte IE 9)|!(IE)]><!--><html> <!--<![endif]--> 
<!--[if lt IE 9]>  <![endif]-->

【文档使用的字符编码】

<meta charset='utf-8'>

【SEO优化】

<!-- TDK -->
<title>页面标题</title>
<meta name="description" content="页面描述，不超过150个字符" />
<meta name="keywords" content="页面关键词, 关键字"/>
<meta name="author" content="定义网页作者" />

<!--定义网页搜索引擎索引方式，robotterms是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow--> 
<meta name="robots" content="index,follow" />

【移动端优化】

<meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    content 参数解释：
    width  　　　　 viewport 宽度(数值/device-width)
    height            viewport 高度(数值/device-height)
    initial-scale  初始缩放比例
    maximum-scale  最大缩放比例
    minimum-scale  最小缩放比例
    user-scalable  是否允许用户缩放(yes/no)
    minimal-ui      iOS 7.1 beta 2 中新增属性，可以在页面加载时最小化上下状态栏。这是一个布尔值，可以直接这样写：
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">

具体参考：

1、https://www.cnblogs.com/cosyer/p/6815135.html

2、https://blog.csdn.net/qq_32013641/article/details/87928426

【HTML4与HTML5的区别】

具体参考：https://segmentfault.com/a/1190000002453884

【HTML存储】

具体参考：

1、https://blog.csdn.net/xiaoyuer_2020/article/details/111954045

2、https://www.cnblogs.com/linwenbin/p/14185493.html

 

posted @ 2022-03-17 15:44  L大熊  阅读(120)  评论(0)    收藏  举报