HTML5 新元素标签系列:最简版 HTML5
?
我們不討論為什么我們現在就可以用 HTML5 而不是等到2022,這篇文章將給你提供一系列 HTML樣板,你現在就可以把他們應用在你的項目中。
?
五秒內開始用 HTML5
是你頁面的標志符合 HTML5 一個超級簡單的方法就是將 DOCTYPE ——不管它現在是什么——改為<!DOCTYPE html>。 就是這么簡單,不需要再做其他的事。
Google 已經這么做了,看一下他們的主頁,都只用了一行:<!doctype html><head><title>HTML 5 - Google Search</title><script>...
但想不到的是,Google的搜索結構頁面并不符合標準,因為他們用了一些無效的標簽如<font>還有一些其他的錯誤,但還算好。通過使用正確的DOCTYPE,他們仍然利用上了HTML解析規則(比如說在<script>沒有類型屬性)。
?
HTML5 最簡版
如果你希望快速做出原型或者做個實驗,而不需要太多樣式的話,你或許對以下的微縮版 HTML 5 文件感興趣:
這也是完全符合 HTML5 規范的。
(有趣的是,當拿掉<title>標簽后,對于這一文件是否還符合規范卻有不同的觀點)。
?
考慮HTML 5 完整性和兼容性
?
最后更完整的樣板需要指出字符集。沒有這個的話,有些字符可能不會正常顯示(以前我花費了大量時間試圖搞清楚原因)
我們同樣還包含了 HTML5 shiv ,這樣的話我們就能在 IE 中給元素添加樣式。注意,你必須在 <head> 元素里包含這段腳本(代碼中綠色部分)。
最后,我們添加了一些 CSS 樣式,是塊元素能顯示為塊,因為這并不是許多瀏覽器的默認行為。
那么,下面就是這個了——一個有效完整的 HTML5文件樣板:
<!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>如果你想使用 HTML5做一些實驗,默認的 JS Bin模板是一個 HTML5 樣板,你可以拿來使用。
?
轉載于:https://www.cnblogs.com/h5rocks/archive/2012/11/28/2793516.html
總結
以上是生活随笔為你收集整理的HTML5 新元素标签系列:最简版 HTML5的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Centos 7源码编译搭建Nginx
- 下一篇: 前端知识点回顾之重点篇——CORS