1.1, 什么是HTML5?
所谓的HTML5就是网页5.0版本的超文本标记语言,是HyperText Markup Labguage的简称,2014年才完成HTML5的标准制定,历时8年. 简单理解其实它就是一个文本而已,只是它是由浏览器负责将它解析成具体的网页内容而已.
1.2, 为什么要用HTML5,使用它的好处是什么?
HTML5是跨平台的,用HTML5编写的UI界面能够运行在所有拥有浏览器的平台,也就是说,HTML5的运行平台(环境)是浏览器.但是,使用HTML5也有很多缺点:比如,不能使用照相机,不能访问相册等功能.
1.3, 编写HTML5的框架:
目前有三种方式可以开发APP :
1, 原生代码(纯OC)开发APP.
2, 纯HTML.
3, 原生 + HTML.
Web1.0
主流技术:HTML+CSS
Web2.0
主流技术:Ajax(JavaScript/DOM/异步数据请求)
Web3.0
主流技术:HTML5+CSS3
HTML5亮点: Canvas HTML5音视频 Web存储 Geolocation Workers多线程处理
CSS3亮点: 设计动画 2D变形 N多新特性
网页一般都是由3部分组成的
HTML5的新特性 :(具体见W3C官网)
HTML5新增了27个标签元素,废弃了16个标签元素,主要包括结构性标签、级块性标签、行内语义性标签、交互性标签
1, 什么是CSS?
所谓的CSS就是网页的层叠样式,Cascading Style Sheets的简称,它的主要功能是决定网页的最终样式,其美化网页的作用.
2, CSS的样式
2, CSS的编辑模式都是以键值对的形式存在的.比如 :
color: red;
background-color: blue;
font-size: 20px;
冒号的左边是属性名,冒号的右边是属性值.
2, CSS的书写形式有3种 :
- 行内样式:(内联样式)直接在标签的style属性中书写
<body style="color: red;">
- 页内样式:在本网页的style标签中书写
<style>
body {
color: red;
}
</style>
- 外部样式:在单独的CSS文件中书写,然后在网页中用link标签引用
<link rel="stylesheet"href="index.css">
8. webStrom中讲解
<!--<!--引出HTML松散的语法-->
<!--hello World!-->
<!---->
<!--ewdewqdew-->
<!--de-->
<!--deqwdewqwedeqw-->
<!--根标签: html是所有网页的根标签,格式:缩进式-->
<html>
<!--网页的配置信息(注意前后顺序)-->
<head>
<!--需要将文字输出格式设置为UTF-8,否则会出现乱码-->
<meta charset="UTF-8">
<title>第一个网页</title>
</head>
<!--网页的具体内容-->
<body>
Hello World!
</body>
</html>-->
HTML5 是下一代 HTML 标准。
HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。
HTML5 中的一些有趣的新特性:
<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单:
下面是一个简单的HTML5文档:
注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。
使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。
使用 HTML5 你可以简单地开发应用
使用 HTML5 你可以简单的绘制图形:
2018-11-26
2020-06-28
2018-02-25
2018-02-18