返回上一页
客服QQ
客服QQ
一切从沟通开始……
HTML5架构（HTML5 Boilerplates ）
作者：睿美印象网站建设工作室 发布日期：2012-12-07
为什么HTML5会成今天炙手可热的前端语言，而不是2022年后呢，本文会给出一系列的HTML5架构，你现在就可以在你的项目小试牛刀了。
html5文档的快速建立
html5文档非常容易建立，你只需要改变文档头部的DOCTYPE声明。
复制内容到剪贴板
<!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> 标记。 Hixies DOM viewer 解析是通过W3C验证器的。但 Henri Sivonens 验证器说这是无效的无的标记。）
HTML5的完整性和兼容性
最好，这里提供一个完整的HTML5例子，加入了样式和新的标签，为了解决一些IE内核的浏览器无法观看，这里插入了解决这个问题的JS脚本
复制内容到剪贴板
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML 5 complete</title>
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></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>
转载请注明：睿美印象网站建设工作室www.ruimeiyx.com
html5文档的快速建立
html5文档非常容易建立，你只需要改变文档头部的DOCTYPE声明。
复制内容到剪贴板
<!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> 标记。 Hixies DOM viewer 解析是通过W3C验证器的。但 Henri Sivonens 验证器说这是无效的无的标记。）
HTML5的完整性和兼容性
最好，这里提供一个完整的HTML5例子，加入了样式和新的标签，为了解决一些IE内核的浏览器无法观看，这里插入了解决这个问题的JS脚本
复制内容到剪贴板
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML 5 complete</title>
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></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>
转载请注明：睿美印象网站建设工作室www.ruimeiyx.com
已有 0 条评论
暂无评论
- 第六天 html列表
- 更简洁的 CSS 清理浮动方式
- 网页制作中如何精确还原设计稿的几个步骤
- 针对webkit的HTML, CSS和Javascript
- css初学者：margin和padding
- HTML5移动应用开发第5章：新的可视化 UI 特性
- Windows Internet Explorer 10 开发者指南
- 了解CSS挂马及相应防范方法
- 如何制作一个HTML5的iPhone应用程序
- 开发者必须知道的HTML5十五大新特性
- 15个CSS常识
- HTML5版3D实验室二：摄像机、投影、3D旋转及缩放
- 表格不被撑开的解决办法
- html5 Web开发：防止浏览器假死的方法
- 再谈IE6下png不透明问题
- 正IE6不支持position:fixed的bug
版权所有：睿美印象网络网站建设工作室 2010-2012 服务热线：15636322282（网站建设工作室）
