Rumah  >  Artikel  >  hujung hadapan web  >  HTML5架构(HTML5 Boilerplates )

HTML5架构(HTML5 Boilerplates )

PHP中文网
PHP中文网asal
2016-05-17 09:08:283342semak imbas

HTML5架构

HTML5架构,(HTML5 Boilerplates )

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

复制内容到剪贴板

<!DOCTYPE html>

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

复制内容到剪贴板

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

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

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

复制内容到剪贴板

<!DOCTYPE html>   
 Small HTML 5  

Hello world

  

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

(有趣的是,当我删除了 b2386ffb911b14667cb8f0f91ea547a7 标记。 Hixie's DOM viewer 解析是通过W3C验证器的。但 Henri Sivonen's 验证器说这是无效的无的标记。)

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

复制内容到剪贴板

<!DOCTYPE html>  
  
  
  
HTML 5 complete  
  
  
  
  

Hello World!

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn