DOCTYPE、lang、meta标签

最新推荐文章于 2025-03-09 09:45:02 发布

pinkowonote

最新推荐文章于 2025-03-09 09:45:02 发布

阅读量356

点赞数

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/pinkowonote/article/details/107819084

版权

HTML 专栏收录该内容

9 篇文章

订阅专栏

<!DOCTYPE html>：文档类型声明标签，不属于html标签。告诉浏览器使用哪种HTML版本来显示网页。

这里是指当前页面采用HTML5版本来显示网页

一定要写在文档最前面的位置，在<html>标签最前面

<hr>

什么语言的网站：

会显示是否需要翻译

<hr>

一定要写：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

pinkowonote

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

论.html文件的代码模板

T_iAn_T的博客

03-23

690

论.html文件的代码模板

meta 标签：自动刷新/跳转

php_martin的博客

08-16

2232

meta 标签：自动刷新/跳转

参与评论您还未登录，请先登录后发表或查看评论

HTML5中的DOCTYPE和meta标签

weixin_49343253的博客

06-28

2140

一、DOCTYPE声明标签写在HTML标签的上面，位于HTML文档的开头；用来告诉浏览器应该以哪种文档规范解析该文档；不是一个HTML标签 HTML5声明 <!DOCTYPE html> 二、meta标签放在head标签内，用来提供关于HTML文档的一些元信息，如针对搜索引擎的关键词和描述，网页的重定向，页面使用的语言，标签的属性定义了与文档相关联的名称/值对。必需的属性：属性值描述 content some_text 定义与 ht..

html页面结构的总结，主要为doctype以及meta标签

lzh_15617663141的博客

08-27

639

本文的meta标签是自己收集总结了一部分，如有什么地方不理解请跳转该链接https://segmentfault.com/a/1190000004279791，这里有比较详细以及全面的meta标签的汇总。另外对doctype的总结也比较粗糙，现在都是在用Html5，对Html4的内容了解即可基本结构，doctype、html、head、title、meta、body doct...

meta标签及html标签lang属性

weixin_43862596的博客

05-07

1367

meta标签首先必须得知道meta标签是在head标签内使用的简单页面： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="3;url=http://www.baidu.com"> <title>Document</title> </head> &lt

meta标签属性以及＜!DOCTYPE＞文档声明

weixin_45656377的博客

05-26

158

doctype的作用是什么？它的怪异模式和标准模式怎么区分？HTML5的doctype为什么只需要写＜DOCTYPE html＞？meta标签是什么，通常包含哪些内容？

weixin_45095155的博客

03-04

356

doctype的作用是什么？它的怪异模式和标准模式怎么区分？ doctype是一种标准通用标记语言的文档类型声明。作用：告诉浏览器编写页面所用的标记的版本，标准通用标记语言解析器要用什么样的文档类型定义（DTD）来解析文档。浏览器模式：怪异模式（quirks mode）、准标准模式（almost standards mode）、标准模式（standards mode）区分：CSS IE盒模型缺陷处理不同。标准模式下，浏览器按照HTML与CSS标准对文档进行解析和渲染盒模型总宽度=w

-doctype-html-html-lang-en-dir-ltr-head-meta-name:

04-07

5. **HTML Meta标签**：`<meta>`标签用于提供HTML文档的元信息，比如字符集设置（`<meta charset="UTF-8">`）、页面描述（`<meta name="description" content="...">`）、关键词（`<meta name="keywords" content="....

HTML5各种头部meta标签的功能(推荐)

01-19

DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写 <head lang=”en”> 标准的 lang 属性写法 <meta charset=’utf-8′> 声明文档使用的字符编码 <meta http-equiv=”X-UA-Compatible”...

前端——meta标签

翊小宸的博客

06-29

439

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!--

前端的学习之路：初级HTML---meta标签

weixin_44647555的博客

02-01

892

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和lang以及字符集的作用

qq_43712409的博客

12-29

171

1. <!DOCTYPE html> <!DOCTYPE html>文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。 <!DOCTYPE html> 这句代码的意思是：当前页面采取的是HTML5版本来显示网页。注意： <!DOCTYPE html> 声明位于文档中的最前面的位置，处于 <html> 标签之前。 <!DOCTYPE html> 不是一个 HTML 标签，他就是文档类型声明标签。 2. lan

meta标签到底是做什么的，你真的了解吗？

web前端开发

07-26

506

来源 |http://www.zhiqianduan.com一、起因最近部门在推微前端，需要按功能拆分多个子应用，主应用在加载的过程中经常出现加载失败的问题。因为https地址中，如果加...

＜!DOCTYPE html＞＜html lang=“zh-CN“＞＜head＞＜meta charset=“UTF-8“＞＜meta name=“viewport“ cont

最新发布

2503_91047546的博客

03-09

4639

所有频道终将跳转至广告时间，而我的片尾曲是蒲公英落进银河的声音</div><div class="quote">当世界都在循环热门单曲，我的播放器正在收录溪水破冰的独奏</div><div class="quote">流量统计里没有我的坐标，候鸟的飞行轨迹才是真正的导航系统</div><div class="quote">在别人的遥控器失灵的地方，我的播放键永远由心跳控制

HTML入门02

weixin_41468241的博客

01-19

2617

a>2、双标签：h1-h6、div、文本颜色、p段落、a、ul li。5、锚点？如：div、ol、ul、li、dl、dt、dd、h1-h6。4、

HTML快速入门

2301_79194728的博客

07-28

476

<dt>计算机</dt><dd>用来计算的仪器 ... ...</dd><dt>显示器</dt><dd>以视觉方式显示信息的装置 ... ...</dd>

HTML详述表单校验总结

zzu957的博客

07-18

568

一、文本框代码示例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input id="name" /> <script> document.getElementById("name").focus();//获取id为name的焦点

HTML中的lang属性,meta中的charset、name、content、http-quiv

Zhangguohao666的博客

03-28

3616

1.HTML中lang属性； 2. meta中的charset、name、content、http-quiv属性

HTML基础

qq_44801321的博客

08-14

4128

W3C标准结构化标准语言（HTML,XML）. 表现标准语言（CCS）. 行为标准语言（DOM，ECMAscript） HTML基本结构 <body> <-body>等成对的标签分别叫做开放标签和闭合标签单独出现的叫自闭合标签  <!DOCTYPE html> <html lang="en">  <head> <!--meta描述

html标签lang属性

02-12

### HTML `lang` 属性详解 #### 定义与作用 `lang` 属性规定文档或元素的自然语言。这有助于浏览器解析内容并正确显示文本，对于屏幕阅读器和其他辅助技术也非常重要。通过指定语言，搜索引擎可以更好地索引页面，从而提高SEO效果[^1]。 #### 基本语法该属性可以直接应用于 `<html>` 标签来定义整个文档的语言，也可以应用到任何其他HTML元素上以覆盖特定部分的语言设置。其基本形式如下： ```html <html lang="language-code"> ... </html> ``` 其中 `language-code` 是ISO 639-1中的两个字母组成的语言代码，如 `"en"` 表示英语；还可以加上地区子码形成更具体的方言表示方式，比如 `"zh-CN"` 表示简体中文（中国）。 #### 实际案例展示下面是一个完整的HTML实例，展示了如何利用 `lang` 属性以及配合CSS样式表实现不同语言文字的不同颜色渲染[^2]: ```html <!DOCTYPE html> <html> <head> <title>Lang Attribute Example</title> <meta charset="UTF-8"> <style type="text/css"> /* 设置英文链接的颜色 */ a:lang(en-US), a:lang(en-GB) { color: blue; } /* 设置中文链接的颜色 */ a:lang(zh-CN) { color: red; } </style> </head> <body>  <p><a lang="en-US" href="#">This is an English (US) link.</a></p> <p><a lang="en-GB" href="#">This is an English (UK) link.</a></p>  <p><a lang="zh-CN" href="#">这是一个中文链接。</a></p> </body> </html> ``` 在这个例子中，不仅设置了不同的语言环境下的链接颜色，还体现了多国语言支持的能力。当访问者浏览此网页时，会看到根据不同语言设定而变化的文字呈现风格。