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

简介: 本文目录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>

1

第二种是HTML4的:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

1

2

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


4. 一个完整的网页代码

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


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


好的,一个完整的网页代码如下:


<!DOCTYPE html>

<html>


<head>

   <title>网页类型声明实例</title>

   <meta charset="utf-8">

</head>


<body>

   你好,这是一个标准网页

</body>


</html>


5. 小结

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


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


要有点追求的还是!

相关文章
|
2月前
|
存储 移动开发 前端开发
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
154 0
|
10天前
|
数据采集 前端开发 数据挖掘
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
利用 html_table 函数轻松获取网页中的表格数据
|
1月前
|
Web App开发 移动开发 iOS开发
HTML5 新的 Input 类型6
`&lt;input type=&quot;url&quot;&gt;` 用于需要输入 URL 的表单字段,浏览器会自动验证输入是否为有效网址
|
1月前
|
Web App开发 移动开发 iOS开发
HTML5 新的 Input 类型5
HTML5 引入了多种新的输入类型,以增强用户体验和数据验证。`&lt;input type=&quot;tel&quot;&gt;` 用于输入电话号码;`&lt;input type=&quot;time&quot;&gt;` 允许用户选择时间(不带时区);`&lt;input type=&quot;url&quot;&gt;` 用于输入网址,支持自动验证。这些输入类型在不同浏览器中的支持情况有所不同,但大多数现代浏览器均能良好支持。例如,在 iPhone 的 Safari 浏览器中,使用 `url` 类型时,键盘会特别显示 `.com` 按钮以方便输入。
|
1月前
|
移动开发 HTML5
HTML5 新的 Input 类型2
`&lt;input&gt;` 标签提供多种类型以满足不同需求:`datetime` 类型用于选择 UTC 时间的日期和时间;`datetime-local` 类型用于选择不带时区的日期和时间;`email` 类型则确保输入的是有效的电子邮件地址,适用于需要收集用户邮箱信息的场景。
|
1月前
|
移动开发 HTML5
HTML5 新的 Input 类型3
`&lt;input type=&quot;month&quot;&gt;` 允许用户选择一个月份,适用于需要指定月份和年的场景。示例:生日 (月和年)。 `&lt;input type=&quot;number&quot;&gt;` 用于需要数值输入的场合,可设置数值范围等限制。示例:数量 (1 到 5 之间)。支持 `disabled`, `max`, `min` 等属性以增强功能。
|
1月前
|
Web App开发 移动开发 iOS开发
HTML5 新的 Input 类型1
HTML5引入了多种新的输入类型,如color、date、email等,增强了表单的输入控制与验证功能。尽管并非所有浏览器都完全支持,但这些新类型仍可在主流浏览器中使用,不支持时会退化为普通文本输入。例如,`&lt;input type=&quot;color&quot;&gt;`允许用户通过颜色选择器选取颜色,而`&lt;input type=&quot;date&quot;&gt;`则提供了一个日期选择器来方便用户选择日期。
|
2月前
|
数据安全/隐私保护 C++
【HTML】构建网页的基石
本文介绍了HTML的基本概念和常用标签,包括HTML文件的基本结构、常见标签(如标题、段落、换行、图片、超链接等)、表格与表单的使用方法,以及无语义标签div和span的特性。通过具体示例展示了如何在VS Code中快速生成HTML框架及各标签的应用场景,帮助初学者快速掌握HTML的基础知识。
62 1
【HTML】构建网页的基石
|
1月前
|
移动开发 HTML5
HTML5 新的 Input 类型4
`range` 类型的输入域用于需要在一定范围内选择数值的情况,通常以滑动条形式展示。
|
2月前
|
JavaScript 前端开发 UED
HTML 超链接的多种类型及应用
【10月更文挑战第17天】HTML 超链接类型丰富多样,它们共同构成了网页中不可或缺的导航和交互元素。通过合理地选择和运用这些超链接类型,我们可以为用户创造更加流畅和便捷的浏览体验,提升网站的可用性和吸引力。
89 1