首页 > 软件操作教程 > 编程开发 > HTML
题目内容

HTML5 简化HTML5文档

题目答案

    ■实例说明

本节示例将遵循HTML5语法规范编写一个文档。本例文档省略了<html><head><body>等标签,使用HTML5的DOCTYPE声明文档类型,简化<meta>的charset属性设置,省略<p>标签的结束标记,使用<元素/>的方式来结朿<meta>和<br>标签等。

    ■设计代码

<!DOCTYPE html>

<meta charset="UTF-8">

<title>HTML5基本语法</title>

<h1>HTNL5的目标</h1>

<p>HTML5的目标是为了能够创建更简单的Web程序,书写出更简洁的HTML代码。

<br/>例如,为了使Web应用程序的开发变得更容易,提供了很多API;为了使HTML变得更简洁,开发出了新的属性、新的元素等。总体来说,为下一代Web平台提供了许许多多新的功能。

    ■演示说明

    这段代码在IE浏览器中的运行结果如图所示。

image.png

    通过短短几行代码就完成了一个页面的设计,这充分说明了HTML5语法的简洁。同时,HTML5不是一种XML语言,其语法也很随意,下面从这两方面进行逐句分析。

    第1行代码如下。

    <!DOCTYPE html>

    不需要包括版本号,仅告诉浏览器需要一个DOCTYPE来触发标准模式,可谓简明扼要。

    接下来说明文档的字符编码,否则将出现浏览器不能正确解析。

    <meta charset="UTF-8">

    同样也很简单,HTML5不区分大小写,不需要标记结束符,不介意属性值是否加引号,即下列代 码是等效的。

    <meta charset="UTF-8">

    <META charset="UTF-8"/>

    <META charset=UTF-8>

    在主体中,可以省略主体标记,直接编写需要显示的内容。虽然在编写代码时省略了<html><head> 和<body>标记,但在浏览器进行解析时,将会自动进行添加。考虑到代码的可维护性,在编写代码时,应该尽量增加这些基本结构标签。


网友评论(共0条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点!

最新评论

点击加载更多评论>>

软件操作 新人注册送三重礼

已有 22658 名学员学习以下课程通过考试

相关视频试题

最需教育客户端 软件问题一手掌握

去 App Store 免费下载 iOS 客户端