<!DOCTYPE html>
<meta charset="UTF-8">
<title>第一个html5界面</title>
<p>Hello,World</p>
通过短短几行代码就完成了一个页面的开发,这充分的说明了html5语法的简洁,同时,html5不是一种XML语言(为什么这么说?),其语法也很随意,下面从这两方面进行逐句分析。
1、<!DOCTYPE html> 短短几个字符,甚至不包括版本号,就能告诉浏览器需要一个DOCTYPE来触发标准模式。
DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。
可谓简明扼要。接下来需要说明文档的字符编码,否则浏览器不能正确的解析,导致安全隐患,为此加入下一行代码:<meta charset="UTF-8"> 同样也是几个字符,便说明了该文档的字符编码。同时html5中不区分字母大小写、标记结束符及属性是否加引号,即下列代码时等效的。
<meta charset="UTF-8">
<META charset="UTF-8"/>
<META charset=UTF-8>
在主体中可以省略主体标记,直接编写需要显示的内容,代码如下
<p>Hello,World</p>
虽然在写代码的时候省略了<html>、<head>、<body>标记,但在浏览器进行解析的时候,将会自动进行添加。
考虑到代码的可维护性,在编写代码时,应该尽量增加这些在html5中可选的元素,从而最大限度的实现页面代码的简洁与完整。
备注:我使用的代码编辑器是 WebStorm(Mac上用的),好像不需要注册。(win用dreamweaver就行了)