HTML-doctype,meta

最新推荐文章于 2024-09-28 10:33:53 发布
最新推荐文章于 2024-09-28 10:33:53 发布
阅读量284 收藏 1
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17828675/article/details/78715930
版权

doctype

HTML经历长久发展，产生了HTML4，HTML5，XHMTL1.0 在网页开头我们一般会使用doctype对文档进行版本声明。
HTML4

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

XHMTL1.0 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml111/DTD/xhtml111.dtd">

HTML5

<!DOCTYPE html>

此声明，位于html前，文档开始位置。

代码验证

可以使用官方提供的工具，进行代码查错。
http://validator.w3.org/

meta

元素可提供相关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。

1. name属性

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是：

<meta name="参数" content="具体的参数值">；

viewport
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放

Keywords（关键字） 

<meta name ="keywords" content="science,education,culture,politics,ecnomics,relationships,entertainment,human">

description（网站内容描述）

<meta name="description" content="This page is about the meaning of science,education,culture.">

robots（机器人向导）

<meta name="robots" content="none">

author（作者）

2. http-equiv属性

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
meta标签的http-equiv属性语法格式是：

<meta http-equiv="参数" content="参数变量值">

content-Type（显示字符集的设定）
设定页面使用的字符集。

<meta http-equiv="content-Type" content="text/html; charset=gb2312">

在HTML5中，在表达charset信息时可以简写，前面的内容可以去掉，即写法是：

 <meta charset="GBK">

content-Language（显示语言的设定） 

<meta http-equiv="Content-Language" content="zh-cn" />

Expires（期限)
可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。

<meta http-equiv="expires" content="Fri,12 Jan 2001 18:18:18 GMT">

Pragma(cache模式）
禁止浏览器从本地计算机的缓存中访问页面内容。

<meta http-equiv="Pragma" content="no-cache">

Refresh（刷新)
自动刷新并转到新页面。

<meta http-equiv="Refresh" content="2;URL">；（注意后面的分号，分别在秒数的前面和网址的后面，URL可为空）

Set-Cookie(cookie设定）
如果网页过期，那么存盘的cookie将被删除。

<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/">

Window-target（显示窗口的设定）
强制页面在当前窗口以独立页面显示。

<meta http-equiv="Window-target" content="_top">
奔跑的皮卡丘
关注
专栏目录
前端的学习之路：初级HTML---meta标签
weixin_44647555的博客
02-01 826
meta标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>meta标签</title> </head> <body> <!--
<!DOCTYPE html>很重要
愤怒的coder
12-31 1079
噩梦开始的源头：之前写html或者jsp页面，从来不注意doctype的声明，也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，各种log，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了&lt;!DOCTYPE html&gt;,果然奏效了。 ...
有关 <!DOCTYPE HTML>
weixin_33915554的博客
01-25 90
HTML4.01中的doctype需要对DTD进行引用，因为HTML4.01基于SGML。而HTML5不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为。 1作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。 document.compatMode： BackCompat：...
＜!DOCTYPE html＞ 标签详解
最新发布
LanJason的博客
09-28 478
DOCTYPE是 Document Type Declaration（文档类型声明）的缩写。它的主要作用是让浏览器知道该如何解析 HTML 文档的内容。如果不声明DOCTYPE，浏览器可能会进入怪异模式（quirks mode），这会影响页面的正常显示和渲染。
<!DOCTYPE html>
weixin_33929309的博客
11-20 235
html5标准网页声明，原先的是一串很长的字符串，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。表示网页采用html5。
HTML学习笔记-DOCTYPE+meta（一）
做一个NB的码农，且不止于码农
09-29 614
<!DOCTYPE html> <html> HTML文件声明开始 <head> <title>网页标题</title> </head> <body> 文件体 </body> </html> HTML文件声明结尾 <!DOCTYPE html> ```**作用** 此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 该标签可声明三种 DTD 类型，分别表示严格版本、过
关于<!DOCTYPE html>
weixin_30872789的博客
06-26 139
1.定义 DOCTYPE标签是一种标准通用标记语言的文档类型声明，目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。 <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 2.作用 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。 document.co...
-doctype-html-html-lang-en-dir-ltr-head-meta-name:
04-07
标题中的"-doctype-html-html-lang-en-dir-ltr-head-meta-name"是一个HTML文档的声明部分，它在HTML5中通常表示文档类型。这个特定的声明没有使用完整的语法，而是以破折号分隔各个部分，看起来像是某种简写或示例。...
-doctype-html-html-lang-en-head-meta-charset-utf-8-title-GitHub-Privacy-Stat:GitHub隐私声明-GitHub Docs <title> <meta name =“ viewport” content =“ width = device-width，initial-scale = 1”> <link rel =“ alternate icon” type =“ imagepng” href =“ a
03-24
-doctype-html-html-lang-en-head-meta-charset-utf-8-title-GitHub-Privacy-Stat <！doctype html> <html lang =“ zh-CN”> <head> <meta charset =“ utf-8” /> <title> GitHub隐私...
html-meta-tags
03-04
HTML元标签（Meta Tags）是HTML文档中位于`<head>`部分的一种特殊标签，它们用于提供文档的元信息，即关于文档本身的信息，而非显示在页面内容中的数据。元标签通常不直接影响页面的视觉呈现，但对搜索引擎优化（SEO...
浅谈HTML的doctype和编码
09-28
了解HTML中的doctype声明和字符编码设置对于确保网页在不同浏览器中正确显示具有重要意义。本文将详细探讨doctype声明的作用以及如何设置HTML文档的字符编码，以及在处理中文乱码问题时应采取的解决方案。 ### ...
html页面结构的总结，主要为doctype以及meta标签
lzh_15617663141的博客
08-27 603
本文的meta标签是自己收集总结了一部分，如有什么地方不理解请跳转该链接https://segmentfault.com/a/1190000004279791，这里有比较详细以及全面的meta标签的汇总。另外对doctype的总结也比较粗糙，现在都是在用Html5，对Html4的内容了解即可   基本结构，doctype、html、head、title、meta、body   doct...
<!doctype html>
jasondu的博客
09-04 267
<!doctype html>是html5标准网页声明，原先的是一串很长的字符串，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。 注意 : <!doctype> 声明必须位于 HTML5 文档中的第一行 VSC 中快速生成快捷键 生成h5 模版 ! + enter 生成 html 模板快捷键 doc + enter ...
＜!DOCTYPE html＞
m0_74871359的博客
02-25 147
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
!DOCTYPE HTML
qq_27891995的博客
03-04 559
&amp;amp;amp;amp;amp;lt;!-- &amp;amp;amp;amp;amp;lt;!DOCTYPE HTML&amp;amp;amp;amp;amp;gt; --&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;gt; &
HTML网页 ＜!DOCTYPE＞详解
aaistudy的博客
10-23 1320
//文档类型声明（浏览器并不只支持 HTML，还支持 XML 类型的文档;对 HTML 文件来说，浏览器使用文件开头的 DOCTYPE 来决定使用怪异模式处理或标准模式处理)。
HTML～
qq_40055200的博客
11-11 3728
1.DOCTYPE有什么作用？包标准模式和混杂模式如何区分？它们有什么意义？ 告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。标准模式（Standards mode）以浏览器支持最高标准运行。混杂模式中页面是一种比较宽松向后兼容的方式显示。 2.什么是浏览器内核？ 总结:浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎主要负责获取页面内容（HTML,CSS,JS,XML，图像）等然后进行解析来渲染网页。渲染引擎决定浏览器如何显示.
HTML基础：Meta属性解析与文档类型DOCTYPE详述
本文主要介绍了HTML中的元信息标签，特别是`<meta>`标签的两个重要属性，以及HTML的基础知识。 在HTML中，`<meta>`标签用于提供文档的元信息，比如页面的类型、字符集设置、缓存控制等。其中，`Content-Type`属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值