关于＜DOCTYPE html＞标签大小写问题

最新推荐文章于 2021-11-11 23:40:52 发布
最新推荐文章于 2021-11-11 23:40:52 发布
阅读量422 收藏 1
点赞数 2
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61742770/article/details/120996457
版权

 今天和在banner小组的同学聊前端，惊奇的发现，HTML开头那个<!DOCTYPE html>竟然可以小写，这学习前端快一个星期以来我一直以为只能大写！！震惊！！！

顺便提一嘴，DOCTYPE的全称是“document type”，即“文档类型”，标注这个标签即告诉浏览器当前页面采用HTML5版本显示页面。

baijiayu6.
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML !DOCTYPE 标签 声明HTML版本
08-23
本文主要来详细讨论一下HTML中关于<!DOCTYPE>标签的定义和用法。 准确的说，<!DOCTYPE>并不是HTML标签，它声明web浏览器关于页面使用哪个 HTML 版本进行编写的指令...DOCTYPE> 声明对大小写不敏感。[......] 阅读全文>>
HTML和XHTML的联系与区别,文档类型<!DOCTYPE>
07-30
2. **元素大小写敏感**：在XHTML中，元素和属性名是区分大小写的，而在HTML中，通常不区分大小写。 3. **属性值需加引号**：在XHTML中，所有的属性值必须用引号（双引号或单引号）包围，而HTML则可以省略。 4. **...
<!DOCTYPE>的含义及用法
YPLee_8的博客
07-20 1030
定义和用法 声明必须是 HTML 文档的第一行，位于 标签之前。 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中， 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。 HTML5 不基于 SGML，所以不需要引用 DTD。 提示：请始
有关 <!DOCTYPE HTML>
weixin_33915554的博客
01-25 74
HTML4.01中的doctype需要对DTD进行引用，因为HTML4.01基于SGML。而HTML5不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为。 1作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。 document.compatMode： BackCompat：...
关于HTML <!DOCTYPE> 标签的使用
xjh1991xjh的专栏
03-31 2075
首先，先拷贝一份W3School关于HTML 标签的使用说明： HTML 标签 实例 文档的标题 文档的内容...... 亲自试一试 浏览器支持 IE Firefox Chrome Safari Opera 所有浏览器都支持 声明。 定义和用法 声明必须是 HTML 文档的第一行，位于 标签之前
html文档声明大小写,HTML基础学习笔记整理
weixin_35647812的博客
06-04 162
W3C标准：结构：HTML描述页面的结构表现：CSS控制页面中元素的样式行为：JavaScript相应用户操作HTML(Hypertext Markup Language)超文本标记语言标签体标签名>根标签：html(一个网页有且仅有一个，所有内容都要写在里面)头部：head(表示网页的源数据，head中内容网页不显示，是给浏览器、搜索引擎看)标题：title(显示在标签上)主体：body(...
HTML5标准学习--Doctype
zhangzhifei1991的专栏
06-05 554
HTML5标准学习 – DOCTYPE 上一篇文章主要讲述了HTML文档的构成，同时肤浅地接触了“标签省略”这一概念，本文会从概念上介绍HTML文档中第一个出现的重要元素 – DOCTYPE。 所谓DOCTYPE，最初是XML的概念，即通过一种特定的语法，作为一种元数据，来描述XML文档中允许出现的元素，以及各元素的组成、嵌套规则等。具体的概念可以在WIKI中得到一个更详细的结果。 但是在H
HTML文件没有doctype声明,HTML基础标签之DOCTYPE声明
weixin_34392511的博客
06-07 672
HTML:XHTML:声明位于文档中的最前面的位置，处于标签之前，声明不是HTML标签，它只是告知浏览器该文档使用哪种HTML(HyperText Markup Language 超文本标记语言)或XHTML(Extensible HyperText Markup Language 可扩展超文本标记语言)规范(所有浏览器都支持)。因为浏览器必须在解析HTML文档正文之前就确定当前文档的类型，以决定...
-doctype-html-html-lang-en-dir-ltr-head-meta-name:
04-07
DOCTYPE html>`，不区分大小写，并且不需要引用外部DTD（Document Type Definition）。 2. **HTML文档结构**：一个基本的HTML文档通常包括`<html>`根元素，`<head>`元素（包含元数据如标题、CSS链接、JavaScript...
html写的生日祝福代码
最新发布
09-19
为了制作生日祝福页面，我们可以使用`<h1>`标签创建大标题，写上“生日快乐！”： ```html <body> <h1>生日快乐！</h1> </body> ``` 为了增加一些视觉效果，可以使用`<img>`标签插入一张生日蛋糕或其他相关的图片...
详解HTML5布局和HTML5标签
01-18
DOCTYPE html >等也是正确的，因为HTML语法是不区分大小写的。 在编写HTML5文档时，要求指定文档类型，以确保浏览器能在HTML5的标准模式下进行渲染。 二、新增的HTML5标签 a，新增的HTML5标签-结构标签 结构标签：...
XML解析
空杯
11-11 1166
1．什么是XML，作用是什么 可扩展标记语言（Extensible Markup Language ），XML是一种数据格式，类似 HTML，是使用标签进行内容描述的技术，与HTML不 同的是，XML的标签和属性 都是根据业务需求自定义的。 XML在企业开发中主要有两种应用场景： 1）XML可以作为数据交换的载体，也就是说使用XML格式进行数据的传输 2）XML可以作为配置文件的载体。 2．如何去写一个XML（重点） XML的编...
大小写的区分（个人笔记）
Lishaozai的博客
07-11 357
0. CSS 的选择器区分大小写，因此要谨慎使用大写。 1. 通过<!DOCTYPE ...>来告诉浏览器你使用的是 HTML 的哪个版本，"..." 部分就是版本的数字信息。<!DOCTYPE html>对应的就是 HTML5。!和大写的DOCTYPE是很重要的，特别是对于老的浏览器。但html大写小写都可以。 2.将会继续补充下去。 ...
Doctype声明和中文编码
su_ya625的博客
11-19 345
1、doctype的声明是不区分大小写的，目的是用来告诉web浏览器页面使用了哪种html版本 所以： &lt;! DCOTYPE HTML&gt; 、&lt;! DOCTYPE html&gt;、 &lt;! doctype html&gt;、&lt;! doctype Html&gt;这四种声明方式均可 另外要注意的是：在HTML4.01中，&lt;!DOCTYPE&gt;的声明需要引用d...
webpack打包配置禁止html标签全部转为小写
weixin_30527551的博客
08-08 162
用webpack打包页面，发现html中特别写的用来给后端识别的大写标签全部被转为了小写标签，这时候需要将加一个配置 ，caseSensitive:true ，禁止大小写转换。 webpack配置： { test: /\.html$/, use: [ { ...
HTML学习
curacaolb的博客
02-15 162
<!DOCTYPE html> 声明为 HTML5 文档 <html> 元素是 HTML 页面的根元素 <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。 <title> 元素描述了文档的标题 <body> 元素包含了可见的页面内容 <h1...
<!DOCTYPE html>很重要
愤怒的coder
12-31 1036
噩梦开始的源头：之前写html或者jsp页面，从来不注意doctype的声明，也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，各种log，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了&lt;!DOCTYPE html&gt;,果然奏效了。 ...
DOCTYPE的作用，取值与区别
03-17 8486
在学习html时没有特别关注写在头部的doctype,只知道那是声明文档类型用的，昨天被阿里的面试官问到doctype有几种类型，一下答不上来，之后通过查阅资料，决定整合一下自己所看到的关于doctype的理解。 DOCTYPE是document type(文档类型的）的简写。用来说明你用的是XHTML获HTML是什么版本。 DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标
请帮助我把每一行代码写上注释：<!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"> <!-- <link href="./1321.css" type="text/css"/> --> <title>导航栏</title> <style> *{ margin: 0; padding: 0; box-sizing:border-box; font-family:"Poppins",sans-serif; } .cantainer{ width:100%; height:100vh; background-color: #e092a1; background-size: 100% 100%; display:flex; align-items: center; justify-content: center; } nav{ background: #fff; border-radius: 50px; padding: 10px; box-shadow: 0 25px 20ox -20px rgba(0 , 0, 0, 0.4); } nav ul li{ list-style: none; display: inline-block; padding: 13px 35px; margin: 10px; font-size: 18px; font-weight: 500; color: #777; cursor: pointer; position: relative; z-index: 2; transform: color 0.5s; } nav ul li::after{ content:''; background:#f44566; width: 100%; height: 100%; border-radius: 30px; position: absolute; top: 100%; left: 50%; transform: translate(-50% ,-50%); z-index: -1; opacity: 0; transition:top 0.5s,opacity 0.5s; } nav ul li:hover{ color: #fff; } nav ul li:hover:after{ top:50%; opacity: 1; } a{ text-decoration: none; color: #706363; text-decoration: none; } .enen{ width: 10%; height: 10%; } </style> </head> <body> <div class="cantainer"> <nav> <ul> <li ><a href="">1</a></li> <li ><a href="">2</a></li> <li ><a href="">3</a></li> <li ><a href="">4</a></li> <li ><a href="">5</a></li> <li ><a href="" >6</a></li> </ul> </nav> </div> </body> </html>
05-30
``` <!-- 这是注释内容，不会被浏览器解析 --> <!DOCTYPE html> <!-- 声明文档类型为 HTML --> <html lang="en"> <!-- 标记开始位置，指定语言为英语 --> <head> <!-- 标记文档头部开始位置 --> <meta charset="UTF-8"> <!-- 指定字符集为 UTF-8 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 指定使用最新的 IE 浏览器模式 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 设置视口宽度与初始缩放比例 --> <!-- <link href="./1321.css" type="text/css"/> --> <!-- 注释掉的链接标签 --> <title>导航栏</title> <!-- 设置文档标题 --> <style> <!-- 开始定义 CSS 样式 --> *{ <!-- 设置所有元素的 margin 与 padding 属性为 0，盒子模型为 border-box，字体为 Poppins --> margin: 0; padding: 0; box-sizing:border-box; font-family:"Poppins",sans-serif; } .cantainer{ <!-- 容器样式设置，宽度为 100%，高度为 100vh，背景色为 #e092a1，背景图为 100% 宽度 100% 高度 --> width:100%; height:100vh; background-color: #e092a1; background-size: 100% 100%; display:flex; align-items: center; justify-content: center; } nav{ <!-- 导航栏样式设置，背景色为 #fff，圆角为 50px，内边距为 10px，阴影为 0 25px 20ox -20px rgba(0 , 0, 0, 0.4) --> background: #fff; border-radius: 50px; padding: 10px; box-shadow: 0 25px 20ox -20px rgba(0 , 0, 0, 0.4); } nav ul li{ <!-- 导航栏中的列表项样式设置，去除默认列表样式，设置为行内块元素，内边距为 13px 35px，外边距为 10px，字体大小为 18px，字体重量为 500，颜色为 #777，鼠标指针样式为手型，定位方式为相对定位，层级为 2，设置颜色变化过渡效果 --> list-style: none; display: inline-block; padding: 13px 35px; margin: 10px; font-size: 18px; font-weight: 500; color: #777; cursor: pointer; position: relative; z-index: 2; transform: color 0.5s; } nav ul li::after{ <!-- 导航栏中的列表项悬停后的样式设置，设置伪元素 after，背景色为 #f44566，宽度与高度为 100%，圆角为 30px，定位方式为绝对定位，距离顶部为 100%，距离左侧为 50%，通过 translate 偏移自身宽高的一半，层级为 -1，不透明度为 0，设置 top 与 opacity 变化过渡效果 --> content:''; background:#f44566; width: 100%; height: 100%; border-radius: 30px; position: absolute; top: 100%; left: 50%; transform: translate(-50% ,-50%); z-index: -1; opacity: 0; transition:top 0.5s,opacity 0.5s; } nav ul li:hover{ <!-- 导航栏中的列表项悬停后的样式设置，字体颜色为白色 --> color: #fff; } nav ul li:hover:after{ <!-- 导航栏中的列表项悬停后的样式设置，after 伪元素距离顶部为 50%，不透明度为 1 --> top:50%; opacity: 1; } a{ <!-- 设置链接样式，文本装饰为无，颜色为 #706363 --> text-decoration: none; color: #706363; text-decoration: none; } .enen{ <!-- 定义一个类名为 enen 的样式，宽度与高度均为 10% --> width: 10%; height: 10%; } </style> <!-- CSS 样式定义结束 --> </head> <!-- 标记文档头部结束位置 --> <body> <!-- 标记文档主体开始位置 --> <div class="cantainer"> <!-- 容器标签开始位置 --> <nav> <!-- 导航栏标签开始位置 --> <ul> <!-- 列表标签开始位置 --> <li ><a href="">1</a></li> <!-- 列表项 1，链接地址为空，文本为 1 --> <li ><a href="">2</a></li> <!-- 列表项 2，链接地址为空，文本为 2 --> <li ><a href="">3</a></li> <!-- 列表项 3，链接地址为空，文本为 3 --> <li ><a href="">4</a></li> <!-- 列表项 4，链接地址为空，文本为 4 --> <li ><a href="">5</a></li> <!-- 列表项 5，链接地址为空，文本为 5 --> <li ><a href="" >6</a></li> <!-- 列表项 6，链接地址为空，文本为 6 --> </ul> <!-- 列表标签结束位置 --> </nav> <!-- 导航栏标签结束位置 --> </div> <!-- 容器标签结束位置 --> </body> <!-- 标记文档主体结束位置 --> </html> <!-- 标记结束位置 --> ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值