前端面试题HTML+CSS基础篇——Doctype
程序员文章站
2022-03-21 13:53:42
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.csdn.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/272184.html">
211大学分数线排名：高考上211大概需要多少分？（2022年参考） </a>
</p>
<p>
下一篇： <a href="/article/272186.html">
.net core中Quartz的使用方法 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2046952.html" target="_blank" title="分享36道前端html+css的面试题">
<h2>
分享36道前端html+css的面试题 </h2>
</a>
</li>
<li>
<a href="/article/2003653.html" target="_blank" title="python3-开发面试题（python）6.24基础篇（3）">
<h2>
python3-开发面试题（python）6.24基础篇（3） </h2>
</a>
</li>
<li>
<a href="/article/1963164.html" target="_blank" title="经典的Java面试题及回答集锦(基础篇)">
<h2>
经典的Java面试题及回答集锦(基础篇) </h2>
</a>
</li>
<li>
<a href="/article/1925299.html" target="_blank" title="[ Java面试题 ]基础篇之一">
<h2>
[ Java面试题 ]基础篇之一 </h2>
</a>
</li>
<li>
<a href="/article/1907263.html" target="_blank" title="Redis必备面试题《基础篇》">
<h2>
Redis必备面试题《基础篇》 </h2>
</a>
</li>
<li>
<a href="/article/1823062.html" target="_blank" title="前端面试题整理（VUE篇）">
<h2>
前端面试题整理（VUE篇） </h2>
</a>
</li>
<li>
<a href="/article/1797046.html" target="_blank" title="荐
2020年前端面试题（二）之VUE篇">
<h2>
荐
2020年前端面试题（二）之VUE篇 </h2>
</a>
</li>
<li>
<a href="/article/1747369.html" target="_blank" title="【面试基础篇】-Android面试题(1)">
<h2>
【面试基础篇】-Android面试题(1) </h2>
</a>
</li>
<li>
<a href="/article/1717397.html" target="_blank" title="java基础常见面试题，这是一篇超长的随笔！！！">
<h2>
java基础常见面试题，这是一篇超长的随笔！！！ </h2>
</a>
</li>
<li>
<a href="/article/1714500.html" target="_blank" title="Java基础篇面试题">
<h2>
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>