HTML5的代码标准格式是什么

html-css013

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常见的文档类型》

关于 Web 格式

推荐:MP4 + WebM 或者 Ogg 其中一种,当然全部都编码出来也可以

关于移动设备

推荐:怕麻烦则 MP4 格式,640×480 或者 480×360。不在乎编码时间和存储空间,就应该选择三种 MP4 编码方案(480×360,640×480,720p +“Main profile”)

外加一到两种 3GP 格式(320×240 或者 176×144),可以参考这份日志来获取更加详细的编码参数。

建议

以下是关于所有类型的视频编码方案建议,Zencoder 支持以下列出的所有编码格式

1.只为能播放

HTML5,Flash和移动设备:MP4/H.264,使用“Baseline”编码,480×360 或者 640×480

HTML5:WebM 或者 Ogg

2.更上一层楼

HTML5,Flash:MP4/H.264,“High profile”编码

HTML5:WebM

HTML5:Ogg

移动设备:MP4/H.264,“Baseline profile”编码,分辨率 480×360 或者 640×480

3.我要支持所有设备和浏览器

HTML5,Flash:MP4/H.264,“High profile”编码

HTML5: WebM

HTML5:Ogg

移动设备:MP4/H.264,“Baseline profile”编码,分辨率选择 480×360 以便提供高兼容性

移动设备:MP4/H.264,“Main profile”编码,分辨率 1280×720 以便支持新的设备(如 iPhone4、iPad 和 Apple TV)

移动设备:3GP/MPEG4,分辨率320×240 和(或) 177×144 以便支持非智能手机