日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

HTML5 新元素标签系列:最简版 HTML5

發布時間:2023/12/18 HTML 27 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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 文件感興趣:

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

這也是完全符合 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的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。