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文档结构

如下为一个简单的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的主要作用?

答:网页的主体,描述网页主要内容,如段落、图片、控件等构成。

原文链接:https://mp.weixin.qq.com/s?__biz=MzU0MjkyMzYxMA==&mid=2247483667&idx=1&sn=80cc0263319e6450e10614b1503c4c8a&chksm=fb120f26cc65863068eaf7b13fec036bda5f20fcfc1d8017541b901e95665fef86d8203033f3#rd

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏守候书阁

vue组件开发练习--焦点图切换

vue用了有一段时间了,开发的后台管理系统也趋于完善,现在时间比较算是有点空闲吧!这个空闲时间我在研究vue的另外的一些玩法,比如组件,插件等。今天,我就分享一...

2221
来自专栏吴裕超

点击穿透原理及解决

一、事件触发顺序 PC网页上的大部分操作都是用鼠标的,即响应的是鼠标事件,包括mousedown、mouseup、mousemove和click事件。一次点击行...

6466
来自专栏挖坑填坑

Asp.net+Vue2构建简单记账WebApp之一(设计)

作为一个asp.net 程序员,当发现Vue.js的存在时就爱上它,但是在asp.net应用中使用Vue一时让我无从上手。直到最近有了点心得。就计划把之前做的一...

1754
来自专栏xingoo, 一个梦想做发明家的程序员

JQuery向导插件Step——第一个阉割版插件

如果使用过JQuery Steps的朋友一定会发现这个插件有一个缺点,就是页面在第一次进入的时候,会进行一次很明显的DOM重绘——页面会闪一下。 尤其是前端...

3487
来自专栏web前端教室

【1023】**政-解决问题的思路

在控制弹窗是否渲染的时候出了问题,点击修改信息按钮,所有列表中的的弹窗都渲染出来了

873
来自专栏知晓程序

开发 | 小程序不够「高级」?那是因为你没用上这 3 个特效!

最近在负责一个微信小程序的前端以及前后端接口的对接的项目,整体上所有页面的布局我都已经搭建完成。

1243
来自专栏编程微刊

小程序点击轮播图跳转到tab导航界面

一切准备好之后,在wxml文件里面,我们要使用 bindtap在图片上绑定一个事件,在js里面写事件函数的具体操作。

2632
来自专栏抠抠空间

Font Awesome矢量图标框架

一、font awesome简介 目前图标总数共有519个; 不依赖Javascript 矢量图形,无限缩放 免费,可用于商业 CSS...

3016
来自专栏葡萄城控件技术团队

程序员Web面试之jQuery

又到了一年一度的毕业季了,青春散场,却等待下一场开幕。 ? 在求职大军中,IT行业的程序员、码农是工科类大学生的热门选择之一, 尤其是近几年Web的如火如荼,更...

25310
来自专栏DeveWork

Google官方网页载入速度检测工具PageSpeed Insights 使用教程

相信有接触前端开发的大神们都听说过Google官方的PageSpeed Tools,这个网页载入速度检测工具有在线版本也有一个 Chrome 扩展,叫PageS...

5988

扫码关注云+社区

领取腾讯云代金券