Heim  >  Artikel  >  Web-Frontend  >  HTML5架构(HTML5 Boilerplates )

HTML5架构(HTML5 Boilerplates )

PHP中文网
PHP中文网Original
2016-05-17 09:08:283280Durchsuche

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)!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn