HTML中的 ＜!DOCTYPE＞ 声明

最新推荐文章于 2022-08-04 00:22:18 发布
最新推荐文章于 2022-08-04 00:22:18 发布
阅读量2.7k 收藏 1
点赞数
分类专栏： 笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51735681/article/details/115438157
版权

HTML中的 <!DOCTYPE> 声明：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>标题</title>
</head>

<body>
内容......
</body>

</html>

几乎所有主流浏览器都支持 <!DOCTYPE> 声明。（其中包括像IE、火狐、Opera、Google Chrome、Safari等主流浏览器)。

声明位于文档中的最前面的位置，处于 标签之前。 声明本身不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。

现在的前端页面开发中，基本都更新到了HTML5，HTML5 不是基于 SGML，因此不要求引用 DTD。且HTML5只规定了一种<!DOCTYPE> 声明，即上述示例代码中的
我们要养成一个添加<!DOCTYPE> 声明的习惯，确保浏览器能够预先知道文档类型。
备注：<!DOCTYPE> 声明不区分大小写。

尤里卡_1006 (胡健)
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML !DOCTYPE 标签 声明HTML版本
08-23
DOCTYPE>并不是HTML标签，它声明web浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现...
HTML <!DOCTYPE> 标签
魔侠的沙滩
05-07 663
HTML 标签 实例 文档的标题 文档的内容...... 亲自试一试 浏览器支持 IE Firefox Chrome Safari Opera           所有浏览器都支持 声明。 定义和用法 声明必须是 HTML
＜!DOCTYPE html＞作用
weixin_44754507的博客
08-04 3652
作用以及定义
＜!DOCTYPE html＞ 的作用
summerriver1的博客
07-13 8906
的作用
文章配套网页源代码-HTML <!DOCTYPE> 声明
05-19
博客文章： 关于HTML中的 <!DOCTYPE> 声明 文章配套示例HTML源代码 内容说明：DOCTYPE是Document Type（文档类型）的简写，要想制作符合标准的HTML页面，一个必不可少的关键组成部分就是DOCTYPE声明。
HTML <!DOCTYPE> 标签
10-25
在默认情况下，FF和IE的解释标准是不一样的，也就是说，如果一个网页没有声明DOCTYPE，它就会以默认的DOCTYPE解释下面的HTML。在同 一种标准下，不同浏览器的解释模型都有所差异，
HTML 版本声明 DOCTYPE 标签
09-28
由于不是HTML标签，它只是一条浏览器指令，告诉浏览器编写页面所用的标记的版本，所以不需要成对出现
!DOCTYPE声明对JavaScript的影响分析
12-09
要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效；当然对JS的取值也会有影响。 DOCTYPE声明如下：<!DOCTYPE html PUBLIC “-/...
nth-of-type的属性和用法
热门推荐
qq_51735681的博客
02-05 1万+
nth-of-type的属性和用法 一、先来介绍一下nth-child(n)的弊端： 我们可以先给一个div盒子，然后里面放上一些行内元素作为研究对象。代码如下： <div> <p>你好</p> <span>我是1span</span> <span>我是2span</span> <span>我是3span</span> </div&
java中import导入包的详解
qq_51735681的博客
03-31 1万+
java中import导入包的详解： java中在类中实现某些功能的时候，有可能需要调用其他的类，或者其他类中的对象，或者其他类中的方法，或者其他某些特定的方法，这里需要调用的对象（或者是类）有可能跟该类文件不在一个包里，这个时候，就需要导入相应的包（包中相应的类，甚至包括相应的对象），才可以实现代码的正常运行。 public class Test { public static void main(String[] args) { //cn.pro06.oo.User user = new cn.p
VS code快速生成html标准代码无效时的解决办法
qq_51735681的博客
01-19 3974
首先介绍一下快速生成html标准代码的快捷键： 在新建的文件第一行输入一个 ！（英文格式），然后直接按Tab键，即可生成。 ———————————————————（分割线） 如果以上方法无效，那就说明新建文件的文档格式可能不对，需要改正。方法如下： 方法一：直接删除该文件，再新建一个，一定记得在新建文件的时候，一定要加上后缀名.html 文件新建成功后再操作以上方法，就ok了。 方法二：在新建文件的编辑状态下拨Ctrl+Shift+P 出现搜索栏，在搜索栏中输入change language mo
2D转换之旋转——rotate的用法
qq_51735681的博客
03-13 3970
2D转换之旋转——rotate的用法 首先，我们给一张图片作为研究对象，在这里，需要给出图片的储存路径，示例代码如下： <body> <img src="E:\HTML+CSS\案例\media\1006.jpg" alt=""> </body> 其中E:\HTML+CSS\案例\media\1006.jpg是我本地储存该图片的路径。 现在，我们用rotate来进行图片旋转 rotate进行进行旋转的规则的为： rotate( deg） 若rotate所
MySQL中“约束（constraint）”操作语法结构及应用场景
qq_51735681的博客
06-28 3324
MySQL中“约束（constraint）”操作语法结构及应用场景： 1.概念 针对表中的数据，进行额外的限制，就称为约束。 2. 约束的分类： 2.1 角度一：从功能上分： not null 非空约束 unique 唯一性约束 primary key 主键约束 foreign key 外键约束 check 检查约束 default 默认值约束 2.2 角度二：约束的作用范围、声明位置 列级约束 VS 表级约束 2.3 角度三：从约束的作用的列的个数： 单列约束 VS 多列约束 -----
CSS3中设置元素转换中心点
qq_51735681的博客
03-18 3272
首先给一个div盒子作为研究对象，然后给盒子定义属性，代码如下： div { width: 200px; height: 200px; background-color: pink; margin: 100px auto; transition: all 1s; } 备注： margin: 100px auto; 这句代码是让盒子居中显示 以上代码确定的旋转中心是100p
HTML中标题级别和字体大小关系
qq_51735681的博客
04-05 3118
HTML中标题级别和字体大小关系： 1到6号标题与1到6号字体逆序对应，比如1号字体对应6号标题，2号字体对应5号标题。 <h1>这是1号标题</h1> <font size="6">这是6号字体文本</font> <h2>这是2号标题</h2> <font size="5">这是5号字体文本</font> <h3>这是3号标题</h3> <font size="4">这是
nth-child的属性和用法
qq_51735681的博客
02-05 2987
nth-child的属性和用法 我们先给10列表标签作为研究对象，代码如下： <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7&
HTML文本格式化标签（用来调整文本的格式和排版）
qq_51735681的博客
04-05 2859
HTML 文本格式化标签： 以上表格列举的是常见的一些文本格式化标签，接下来，我们用具体的代码做一下演示和补充： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文本格式化标签</title> </head> <body> <b>这个文本是加粗的</b> <br /> <strong&g
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>@ViewData["Title"] - Furion</title> </head> <body> @RenderBody() </body> </html>
最新发布
05-31
这段代码看起来像是一个 Razor 视图引擎中的布局页。它使用了 HTML5 的 `<!DOCTYPE html>` 声明，并包含了 `<html>`、`<head>`、`<meta>`、`<title>` 和 `<body>` 等标签。 其中 `@ViewData["Title"]` 是 Razor 视图引擎中的语法，表示从视图数据中获取名为 `Title` 的值，并将其作为页面的标题。`@RenderBody()` 则表示将子视图（也称为内容页）的 HTML 内容渲染到布局页中。 具体来说，当我们创建一个新的布局页时，可以使用以下代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>@ViewData["Title"] - Furion</title> </head> <body> @RenderBody() </body> </html> ``` 这样，我们就可以在子视图中使用 `@{ Layout = "_Layout"; }` 来指定该视图使用 `_Layout.cshtml` 布局页。在子视图中，我们可以通过以下代码来设置页面标题： ```html @{ ViewData["Title"] = "Home"; } <!-- 子视图的 HTML 代码 --> ``` 这样，子视图就会使用 `_Layout.cshtml` 中定义的布局，并将页面标题设置为 "Home - Furion"。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值