HTML5架构(HTML5 Boilerplates )-H5教程-PHP中文网

HTML5架构(HTML5 Boilerplates )

PHP中文网

发布： 2016-05-17 09:08:28

原创

3575人浏览过

HTML5架构

html5架构，（html5 boilerplates ）

html5文档的快速建立
html5文档非常容易建立，你只需要改变文档头部的DOCTYPE声明。

复制内容到剪贴板

即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台，支持数字人形象定制、短视频创作、数字人直播等。

查看详情

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html>

登录后复制

这样你就已经建立好一个HTML5文档了，看看谷歌首页是怎么做的吧

复制内容到剪贴板

立即学习“前端免费学习笔记（深入）”；

<!doctype html>  
<head>  
<title> HTML 5 - Google Search </ title>  
<script>  
..

登录后复制

但是谷歌的验证和搜索结果页面都没有使用，因为那些页面还存在很多无效标签，如<font>等，但是没关系还是可以使用一些正确的标签比如<script>在当前HTML5 DOCTYPE下解析

HTML5简易例子
一个完整的html5页面，不需要很多复杂的标签

复制内容到剪贴板

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html>   
<title> Small HTML 5</title>  
<p> Hello world </p>

登录后复制

这就是一个简单而完整的例子了。

（有趣的是，当我删除了 <title> 标记。 Hixie's DOM viewer 解析是通过W3C验证器的。但 Henri Sivonen's 验证器说这是无效的无的标记。）

HTML5的完整性和兼容性
最好，这里提供一个完整的HTML5例子，加入了样式和新的标签，为了解决一些IE内核的浏览器无法观看，这里插入了解决这个问题的JS脚本

复制内容到剪贴板

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8" />  
<title>HTML 5 complete</title>  
<!--[if IE]><script src=" 
</script><![endif]-->  
<style>  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{ display: block; 
}  
</style>  
</head>  
<body>  
<p>Hello World!</p>  
</body>  
</html>

登录后复制

以上就是HTML5架构(HTML5 Boilerplates )的内容，更多相关内容请关注PHP中文网（www.php.cn）！