JavaWeb学习之路(13)--HTML之网页类型声明

阳光穿透心脏的1/2处 2022-09-12 05:52 85阅读 0赞

***[点此查看全部文字教程、视频教程、源代码][Link 1]***

### 本文目录 ###

*  1. 前言
 *  2. HTML版本号
 *  3. 网页类型声明
 *  4. 一个完整的网页代码
 *  5. 小结

# 1. 前言 #

如果我们买了一部苹果手机，然后要研究它如何使用，我们得先知道这部手机的版本，是iPhone4，还是iPhone5/6/7…。

同样，如果我们买了一辆汽车，也应该先知道它的型号，比如同一款车型，也得分上个2019款/2020款/2021款。

对于HTML来说，也是一样的，现在很火的一个名词H5，其实就是指的HTML5，这个5就是版本号。

# 2. HTML版本号 #

目前来说，基本上浏览器对HTML5的支持都很到位了，所以绝大多数程序员编写的网页都是HTML5的。

但是由于历史原因，还有一部分网页是HTML4的。

好的，那么如何区分一个网页是HTML4还是HTML5的呢？浏览器如何知道程序员编写的HTML代码是想用4代的规范还是5代的规范呢？毕竟不同版本还是有区别的。

这就可以通过网页类型声明来解决。

# 3. 网页类型声明 #

常用的网页类型声明有两种，第一种是HTML5的：

<!DOCTYPE html>

第二种是HTML4的：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

实际上我们只需要记住HTML5的声明就OK了，毕竟现在我们写网页肯定是用最新的版本，效果更好！

# 4. 一个完整的网页代码 #

所以，我们在正儿八经编写第一个网页的时候，网页的最开头处，是要写上网页类型声明的。

这样最起码，别人在看到咱们写的网页的时候，第一印象就是——嗯，挺专业的！

好的，一个完整的网页代码如下：

<!DOCTYPE html>
    <html>
    
    <head>
        <title>网页类型声明实例</title>
        <meta charset="utf-8">
    </head>
    
    <body>
        你好，这是一个标准网页
    </body>
    
    </html>

# 5. 小结 #

其实对于大多数浏览器来说，不添加网页类型声明，照样正常运行。

但是咱们作为程序员，还是要尽量按照规范来写代码，写最规范最通用的代码，而不是满足于能用就行。

要有点追求的还是！

[Link 1]: https://studyingpanda.blog.csdn.net/article/details/105329926

发表评论取消回复

表情：

评论列表（有 0 条评论，85人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaWeb学习之路(23)–HTML综合实例

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 背景 2. 开发流程 2.1 网站功能设计 2.2 建

淡淡的烟草味﹌/ 2022年09月15日 05:33/ 0 赞/ 217 阅读

相关 JavaWeb学习之路(21)–HTML之表格

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. 表格标签 3. 表格的行与列 4. 页眉 5. 页

Bertha 。/ 2022年09月14日 13:27/ 0 赞/ 238 阅读

相关 JavaWeb学习之路(18)–HTML之超级链接

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. 跳转指定网址页面 3. 跳转当前网站其他网页 4. 在新

分手后的思念是犯贱/ 2022年09月14日 00:15/ 0 赞/ 226 阅读

相关 JavaWeb学习之路(17)–HTML之图像

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. 显示一张图片 3. 图片的可替换文本 4. 将图片放入文

╰半橙微兮°/ 2022年09月13日 05:25/ 0 赞/ 212 阅读

相关 JavaWeb学习之路(15)--HTML之注释

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 注释 2. 程序注释 3. HTML注释 4. 注释的作用 5

超、凢脫俗/ 2022年09月12日 11:52/ 0 赞/ 237 阅读

相关 JavaWeb学习之路

[点此查看全部文字教程、视频教程、源代码 ][Link 1] 本文目录 1. HTML篇 2. CSS篇 3. JavaScript篇

淡淡的烟草味﹌/ 2022年09月12日 10:59/ 0 赞/ 252 阅读

相关 JavaWeb学习之路(14)--HTML之水平线hr

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 水平线的概念 2. 水平线的用法 3. 小结 1. 水平线的概念

我不是女神ヾ/ 2022年09月12日 07:47/ 0 赞/ 222 阅读

相关 JavaWeb学习之路(13)--HTML之网页类型声明

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. HTML版本号 3. 网页类型声明 4. 一个完整的网页

阳光穿透心脏的1/2处/ 2022年09月12日 05:52/ 0 赞/ 86 阅读

相关 JavaWeb学习之路(5)--编写第一段HTML网页代码

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 什么是HTML 2. 为啥叫HTML 3. 什么是标记 4. HTM

逃离我推掉我的手/ 2022年09月11日 02:15/ 0 赞/ 143 阅读

相关 JavaWeb学习之路(3)--网站与网页

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 什么是网站 2. 什么是网页 3. 网页是怎么开发的 4. 小结

红太狼/ 2022年09月11日 00:04/ 0 赞/ 115 阅读