前端面试题HTML+CSS基础篇——Doctype
程序员文章站
2022-06-22 11:40:35
Doctype不属于HTML标签，所有浏览器都支持Doctype1. Doctype的使用 声明必须是 HTML 文档的第一行，位于 标签之前。 没有结束标签，不区分大小写2. Doctype的作用Doctype声明于文档的最前面，告诉浏览器是以何种方式来渲染页面页面的渲染方式分为两种：严格模式和混杂模式文...</div>
<div class="content">
<h2>
<a id="Doctype_0" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ=="></a>Doctype</h2>
<p><strong><!DOCTYPE>不属于HTML标签，所有浏览器都支持Doctype</strong></p>
<p><strong>1. Doctype的使用</strong></p>
声明必须是 HTML 文档的第一行，位于 标签之前。
<p><em><!DOCTYPE> 没有结束标签，不区分大小写</em></p>
<p><strong>2. Doctype的作用</strong></p>
<p>Doctype声明于文档的最前面，告诉浏览器是以何种方式来渲染页面<br>
页面的渲染方式分为两种：<strong>严格模式和混杂模式</strong></p>
<pre><code class="prism language-html"><span class="token doctype"><!DOCTYPE html></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>文档的标题<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
文档的内容......
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span>
</code></pre>
<p><strong>3. 什么是严格模式和混杂模式</strong></p>
<ul>
<li>严格模式</li>
</ul>
<p>严格模式的排版和JavaScript的运作模式是以该浏览器支持的最高标准运行(标准模式)，按照W3C标准进行解析</p>
<ul>
<li>混杂模式</li>
</ul>
<p>向后兼容，模拟老式浏览器，防止浏览器无法兼容页面</p>
<p><strong>页面中如果不存在DOCTYPE,或者其格式不正确，则会使页面以混杂模式进行渲染呈现</strong></p>
<p>本文地址：https://blog.****.net/xiaomao_wxj/article/details/107892921</p> </div>
<div class="tags">
相关标签： <a href="/t/%E5%89%8D%E7%AB%AF%E9%9D%A2%E7%BB%8F/" target="_blank">
前端面经 </a>
<a href="/t/DOCTYPE/" target="_blank">
DOCTYPE </a>
<a href="/t/html/" target="_blank">
html </a>
</div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/1489543.html">
设置a标签的download属性实现下载功能 </a>
</p>
<p>
下一篇： <a href="/article/1489545.html">
vue中可编辑树状表格的实现代码 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2585276.html" target="_blank" title="2018最全前端面试题-JavaScript篇（整理）">
<h2>
2018最全前端面试题-JavaScript篇（整理） </h2>
</a>
</li>
<li>
<a href="/article/2582183.html" target="_blank" title="Android面试题（一）Java基础篇">
<h2>
Android面试题（一）Java基础篇 </h2>
</a>
</li>
<li>
<a href="/article/2581161.html" target="_blank" title="php开发工程师面试题知识点总结(二)--基础篇">
<h2>
php开发工程师面试题知识点总结(二)--基础篇 </h2>
</a>
</li>
<li>
<a href="/article/2577032.html" target="_blank" title="【面试题】基础篇02">
<h2>
【面试题】基础篇02 </h2>
</a>
</li>
<li>
<a href="/article/2563869.html" target="_blank" title="每日十个面试题--（java基础篇）-（31-40）">
<h2>
每日十个面试题--（java基础篇）-（31-40） </h2>
</a>
</li>
<li>
<a href="/article/2563859.html" target="_blank" title="每日十个面试题--（java基础篇）-（11-20）">
<h2>
每日十个面试题--（java基础篇）-（11-20） </h2>
</a>
</li>
<li>
<a href="/article/2562802.html" target="_blank" title="web前端基础知识，html+css">
<h2>
web前端基础知识，html+css </h2>
</a>
</li>
<li>
<a href="/article/2560507.html" target="_blank" title="前端面试题（八）数据结构篇">
<h2>
前端面试题（八）数据结构篇 </h2>
</a>
</li>
<li>
<a href="/article/2469942.html" target="_blank" title="2019前端「HTML+CSS」零基础入门之 HTML学习笔记">
<h2>
2019前端「HTML+CSS」零基础入门之 HTML学习笔记 </h2>
</a>
</li>
<li>
<a href="/article/2445180.html" target="_blank" title="Java面试题-基础篇一
博客分类： 面试题系列 面试javajava面试宝典Java面试题 ">
<h2>
Java面试题-基础篇一
博客分类： 面试题系列 面试javajava面试宝典Java面试题 </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>