什么是 HTML5?

html-css025

什么是 HTML5?,第1张

TML5是什么?

HTML5是指第5代HTML(超文本标记语言),也指用HTML5语言制作的一切数字产品。

网上的网页,多数都是由HTML写成的。

“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。

浏览器通过解码HTML,就可以把网页内容显示出来。

下图中就很清晰的指出了H5的涵盖范围:

HTML5之所以能引发如此广泛的效应,根本在于它不再只是一种标记语言,它为下一代互联网提供了全新的框架和平台,包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能,并使这些应用标准化和开放化,从而使互联网也能够轻松实现类似桌面的应用体验。

现在以HBuilder工具编写为例:

1. 打开此工具,在项目管理器中右键单击创建一个web 项目

2.右键单击项目名称,新建一个HTML文件----form01.html

<!DOCTYPE html>

<!--

    作者:offline

    时间:2017-01-06

    描述:form表单

    

    在form标签中,有两个经常使用的属性

    action:表单提交服务器地址

    method: 表单提交的方法/方式----get/post

                    其他提交方式---put delete

            提交方式----get(默认的提交方式)

            1.请求的参数放到地址栏中

            2.不安全

            3.存在缓存

            4.传输数据的大小收到限制

            提交方式----post

            1.请求的参数放到http协议中

            2.相对安全---账号密码等信息不会放到地址栏中

            3.没有缓存

            4.传输数据的大小限制较小

                 修改成post之后,可能会出现错误信息。

    input标签:定义输入字段,用户可在其中输入数据。

           属性:

           type 指示 input标签的类型,默认的是text

                            按钮类型: 普通按钮 button 重置按钮 Reset  提交按钮 submit

           value 定义要显示的文本。

-->

<html>

    <head>

        <meta charset="utf-8">

        <title>form表单1</title>

    </head>

    <body>

         <form action="" method="post">

             <input type="text" name="username" value="zhangsan" />

             <input type="submit" value="提交" />

         </form>

    </body>

</html>

3.查看此网页是不是HTML5,主要看表头

4.HTML5新增了很多新内容,具体可以查看API,例如:在网页中嵌套音频/视频文件的格式