2 HTML5基础
- 什么是HTML5？
答：HTML5基于HTML4而扩展，添加了2D绘图以及3D绘图的支持等等内容。
- 什么是HTML？
答：[百度百科]: HTML=Hyper Text Markup Language. 超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
- 为什么使用HTML5？
答：借助HTML5解决和分析工业设计中的问题，易于实现数据可视化，而且支持所有主流操作系统。与传统C/C++/FORTRON计算机语言相比具备几个显著优势：首先，易于搭建开发环境，不需要编译器，仅需一个文本编辑器即可；其次，运行几乎不依赖其它运行时(库)，仅需一个浏览器，所以便于教学演示；再次，由于javascript(js)语法简单，没有类和继承的概念，且会任何一门C-Style语言都会很快上手，学习成本低，入门快；再次，当前js可以高效绘图，便于对计算结果进行后处理操作；最后，跨平台可运行于几乎所有主流操作系统，也可运行于个人电脑、平板和手机等，只需要一个支持HTML5标准的浏览器。当然与传统C/C++语言相比，HTML5/js最大的不足是运行速度较慢，但本项目仅针对轻量级工程设计，对计算机的计算能力要求并不高，当然随着计算机性能的不断提升，HTML5编制的程序执行速度也将得到提升。
- HTML文件结构？
答：HTML文件由头部<head>和主体<body>两部分构成，下图较为形象的说明了HTML文件构成：
如下为一个简单的html文本：
1. <html>
2. <head>
3. <meta charset="utf-8">
4. <title>这是标题</title>
5. </head>
6. <body>
7. <h1>我的第一个标题</h1>
8. <p>我的第一个段落Hello World。</p>
9. </body>
10. </html>
保存上述代码到硬盘，重命名为demo.html，使用微软浏览器EDGE打开后，结果如下：
其实html文本就是一个xml文件，所有内容包含在标签<html>和</html>之间：
- 第2-5行为头<head>部，由标签<head>和</head>包围；
- 其中第3行给出了网页文本文件的编码为UTF-8；
- 其中第4行<head>部分给出了标题<title>，也就是网页的标题，标题内容使用<title>和</title>包围；
- 第6-9行为主体<body>部分，由标签<body>和标签</body>包围而成；
- 其中第7行为一个一级标题h1，同理h2、h3……表示二级三级标题，标题内容实用<h1>和</h1>包围；
- 其中第8行为一个段落<p>，段落内容用<p>和</p>包围。
- head的主要作用？
答：主要说明文档标题、指定HTML文档所使用的脚本javascript程序（后续介绍）、指定CSS样式文件、还可以说明文档编码信息等等。
- body的主要作用？
答：网页的主体，描述网页主要内容，如段落、图片、控件等构成。
本文系转载，前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。
本文系转载，前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。