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. 小结

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


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


要有点追求的还是!

相关文章
|
5月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
5月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
8月前
|
移动开发 前端开发 JavaScript
HTML5实现好看的劳动节网页源码
HTML5实现好看的劳动节网页源码,劳动节网页,劳动节网页源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、劳动节介绍、劳动节由来、劳动节习俗、劳动节文化、劳动节活动、劳动节故事、劳动节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
249 4
|
8月前
|
移动开发 HTML5
HTML5实现好看的中秋节网页源码
HTML5实现好看的中秋节网页源码,中秋节网页,中秋节网页源码,节日网页大作业,作业源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、中秋节介绍、中秋节由来、中秋节习俗、中秋节文化、中秋节美食、中秋节故事、中秋节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
406 0
HTML5实现好看的中秋节网页源码
|
9月前
|
移动开发 前端开发 JavaScript
HTML5实现好看的端午节网页源码
HTML5实现好看的端午节网页源码,包含十个页面:网站首页、端午节介绍、由来、习俗、文化、美食、故事、民谣、联系我们及登录/注册。页面设计简洁美观,内容丰富,兼容手机端,代码规范且注释完整,易于扩展和修改。提供完整的源码下载和视频演示,方便学习和使用。
262 3
|
9月前
|
存储 移动开发 JavaScript
网页 HTML 自动播放下一首音乐
在 HTML5 中实现自动播放下一首音乐,通过管理音乐列表、操作音频元素和监听事件完成。创建包含多个音乐链接的列表,使用 `&lt;audio&gt;` 元素加载音乐,监听 `ended` 事件,在当前音乐结束时自动播放下一首。示例代码展示了如何使用 JavaScript 实现这一功能,确保无缝切换音乐。
|
10月前
|
存储 JavaScript 算法
(html在线预览cad图纸插件)网页CAD绘制条形码、二维码的教程
本文介绍了如何在mxcad中绘制条形码和二维码。对于条形码,首先根据应用场景选择合适的编码标准(如CODE39、EAN13等),通过编码规则将数据转换为二进制,并利用`McDbHatch`绘制条和空的组合,同时支持自定义实体及属性管理。 对于二维码,因其能存储更多信息且具备更强纠错能力,采用开源库QRCode.js进行编码处理,再通过`McDbHatch`绘制黑白矩阵,同样封装成自定义实体以便管理和扩展。文中还给出了完整的绘制流程与效果展示,包括创建二维码对象、设置参数、调用绘制方法以及最终的效果图。整个过程体现了灵活运用API与第三方库来实现复杂图形绘制的能力。
|
11月前
HTML在线扫雷游戏网页源码
HTML在线扫雷游戏网页源码是一款基于HTML+CSS+JavaScript开发的在线扫雷小游戏单页源码,为用户提供了一个无需安装即可在浏览器中直接玩的扫雷游戏。该游戏的源码不仅包含了完整的游戏逻辑,还具备丰富的界面设计和用户交互功能,使得玩家能够轻松上手并享受扫雷带来的乐趣。
392 22
|
11月前
|
数据采集 前端开发 数据挖掘
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
384 2
利用 html_table 函数轻松获取网页中的表格数据
|
12月前
|
Web App开发 移动开发 iOS开发
HTML5 新的 Input 类型6
`&lt;input type=&quot;url&quot;&gt;` 用于需要输入 URL 的表单字段,浏览器会自动验证输入是否为有效网址

热门文章

最新文章