了解一下HTML和H5

最新推荐文章于 2024-05-10 18:00:00 发布

Free Joe

最新推荐文章于 2024-05-10 18:00:00 发布

阅读量323

点赞数 1

分类专栏： h5 文章标签： html5 前端

本文链接：https://blog.csdn.net/wangfeijiu/article/details/106563121

版权

h5 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML定义

HTML 不是一种编程语言，而是一种标记语言。标记语言是一套标记标签 (markup tag)，HTML文档也叫做 web 页面。

页面结构

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Hello Html</title>
	</head>
	<body>
		<h1>Hello World</h1>
		<p>this is a paragrame</p>
	</body>
</html>

<!DOCTYPE html> 声明为 HTML5 文档浏览器才能正确显示网页内容
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容

什么是 HTML5？有何特性？

HTML5 是最新的 HTML 标准，也是HTML的第五个版本
HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。
HTML5 拥有新的语义、图形以及多媒体元素。
HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。
HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。
HTML5 拥有本地缓存特性

为什么要设计 HTML5？

提升用户体验（丰富性运行新性能方便使用），降低开发运营成本（跨平台），还有偷懒（定义新的元素 API等，以往繁杂重复的工作可以更迅捷完成）。凡是新的标准都是为了顺应时代发展，不然就会被淘汰。

浏览器对HTML5的支持性

所有主流浏览器基本都是支持，IE则从版本9开始支持

针对ie浏览器，需要条件注释判断浏览器版本，小于IE9的导入html5shiv包支持

<!--[if lt IE 9]>
    <script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.js"></script>
<![endif]-->

载入后，还要初始化新标签的CSS：

/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}

浏览器与HTML是什么样的关系？

Web浏览器可读取HTML文件，并将其作为网页显示。浏览器并不是直接显示的HTML标签，而是根据公认准则来决定如何渲染这些HTML标签，是否需要渲染出来，需要渲染成什么样子

Free Joe

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
了解一下HTML和H5

什么是 HTML5？有何特性？HTML5 是最新的 HTML 标准，也是HTML的第五个版本HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。HTML5 拥有新的语义、图形以及多媒体元素。HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。HTML5 拥有本地缓存特性为什么要设计 HTML5？提升用户体验（丰富性运行新性能方便使用.
复制链接

扫一扫

专栏目录