HTML5的代码标准格式是什么

html-css020

HTML5的代码标准格式是什么,第1张

你想问的应该是,在搭建一个HTML文件时,基本的文件结构是什么样子吧?

标准的HTML文件由“文档声明、文件头、文件体”组成。

对于HTML5,文档声明也应该采取HTML5.0的声明方式,具体代码如下:

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>HTML5学堂(码匠) & 言成科技 联合出品</title>

<meta name="viewport" content="width=device-width,user-scalable=no">

<link rel="stylesheet" href="../css/reset.css">

</head>

<body>

<div>具体内容</div>

</body>

</html>

在html标签当中包含head标签和body标签两种,而head标签表示的是文件头,body标签表示文件体,文件头当中需要包含“字符编码”(head标签中的第一行)、“标题”(title标签)、“其他元信息”(除了字符编码外的其他meta),而文件体当中书写的具体代码就是在网页当中会显示的内容。

此外,在文件头部或文件体当中还可以使用link标签引入CSS文件,或者使用script标签引入JS文件。

关于文档声明,在传统的HTML4当中,有另外三种声明方法,请详见《文档声明 DOCTYPE常见的文档类型》

首先先说一下HTML5的代码只是在原有的XHTML基础上增加了一些新的标签(还有一些新的特性,例如数据库和缓存等特性)

以下为此页面的结构代码:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<meta name="revised" content="" />

<meta name="keywords" content="" />

<meta name="description" content="" />

<meta name="author" content=""  />

<meta name="robots" content="all" />

<title>页面标题</title>

</head>

<body>

<header>

<div></div><!--登陆注册区域-->

</header><!--头部[html5新标签]-->

<nav></nav><!--导航[html5新标签]-->

<div></div><!--banner-->

<div></div><!--左上-->

<div></div><!--右上-->

<div></div><!--左下-->

<div></div><!--右下-->

<footer></footer><!--底部[html5新标签]-->

</body>

</html>

注:以上为页面的大的框架,相对用HTML5新的标签更合理的,全用上了新的带有语义标签。

另外多说一下,[注册登陆]这块在html5的新标签里面没有很合适的语义化的标签,所以依然采用原有的div标签为最合理。html5只是在原有的技术的基础上更细化了,咱在制作代码的过程中没必要必须用HTML5的代码,主要看是否合理,合理的为较合适的。

多说的:不管用XHTML还是HTML5写代码,结构(HTML5)与样式(CSS)尽量要分离!

希望能帮到你!