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

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


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


要有点追求的还是!

相关文章
|
18天前
|
移动开发 前端开发 数据可视化
前端HTML:构建网页的基石
前端HTML:构建网页的基石
17 0
|
4天前
|
存储 数据安全/隐私保护
html的输入框类型
html的输入框类型
12 1
|
10天前
|
缓存 前端开发 JavaScript
【专栏:HTML与CSS移动端开发篇】移动端网页性能优化策略
【4月更文挑战第30天】本文探讨了移动端网页性能优化的重要性,并提出了优化策略。HTML方面,建议精简结构、使用语义化标签、异步加载脚本和压缩文件;CSS优化包括精简样式、使用CSS3动画、媒体查询和压缩文件。其他策略涉及图片和字体压缩、缓存利用、数据压缩、减少HTTP请求及根据网络状态调整加载。综合运用这些策略能提升网页性能和用户体验。
|
10天前
|
编解码 缓存 前端开发
【专栏:HTML与CSS移动端开发篇】移动端网页布局与适配
【4月更文挑战第30天】本文探讨了如何使用HTML和CSS优化移动端网页布局与适配,强调响应式设计、灵活布局和媒体查询的重要性。针对移动设备的屏幕尺寸、操作方式、网络速度和性能差异,提出了断点选择、触摸优化、图像和性能优化等最佳实践。测试和调试、框架工具的应用也是关键步骤,以确保在多设备上提供优秀用户体验。开发者需持续学习新趋势和工具,以适应移动端发展。
|
10天前
|
移动开发 缓存 前端开发
【专栏:HTML与CSS实践篇】网页性能优化:CSS与HTML的最佳实践
【4月更文挑战第30天】本文探讨了优化CSS和HTML以提升网页性能的最佳实践。HTML优化包括:精简结构、压缩代码、异步加载脚本和利用缓存。CSS优化则涉及:精简代码、合并文件、使用CSS Sprite、善用CSS3属性、避免@import及响应式设计。这些方法能加快加载速度,改善用户体验。
|
10天前
|
编解码 前端开发 UED
【专栏:HTML 与 CSS 实践篇】网页图标与字体图标的使用
【4月更文挑战第30天】本文探讨了网页设计中两种主要图标形式——传统图标和字体图标。传统图标(PNG, JPEG, GIF)视觉效果丰富但文件大,易影响加载速度且维护不便。字体图标占用空间小,易于维护和定制,但视觉效果相对简单,选择有限。实际应用中,两者可结合使用,以导航栏、操作按钮和提示信息为例说明了图标的重要性。设计师需注意兼容性、清晰度和性能优化问题,根据项目需求选择合适图标类型,以提升网页质量和用户体验。
|
10天前
|
运维 前端开发 JavaScript
【专栏:HTML进阶篇】HTML与Web标准:构建可访问与可维护的网页
【4月更文挑战第30天】本文探讨了HTML与Web标准的关系,强调遵循标准对创建高质量、可访问、可维护网页的重要性。通过使用语义化标签、提供文本替代、合理使用表格和列表,可提升网页可访问性;通过结构化文档、添加注释、分离结构与表现,能增强网页可维护性。遵循Web标准,可确保网页在不同设备上的兼容性,并满足各类用户需求。
|
10天前
|
移动开发 JavaScript 前端开发
【专栏:HTML进阶篇】HTML模板与Web组件:可复用的网页元素
【4月更文挑战第30天】HTML模板和Web组件提升网页开发效率和可维护性。HTML模板,如&lt;template&gt;元素和服务器端模板引擎,用于创建可复用的HTML结构。Web组件是自定义的HTML元素,结合影子DOM和模板,实现封装的可重用组件。两者助力构建高效、现代的网页和网站。
|
10天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的&lt;div&gt;和&lt;span&gt;。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
10天前
|
搜索推荐 UED 开发者
【专栏:HTML 基础篇】HTML 语义化:提升网页的可访问性
【4月更文挑战第30天】HTML语义化是构建高质量网页的关键,它通过使用有意义的标签提升网页可访问性、SEO和代码可读性。语义化标签如`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;main&gt;`、`&lt;article&gt;`等有助于内容理解与团队协作。合理应用标题、列表和导航结构,同时注意避免过度使用和保持一致性。屏幕阅读器、键盘导航和辅助技术的兼容性是语义化对可访问性的重要影响。通过掌握和应用HTML语义化,我们可以优化用户体验,为数字世界贡献力量。