隨着服務器的處理能力越來越大,互聯網級開發終於開始全面火熱(前幾年我和很多人說,不要光關注所謂企業級開發,未來馬上將進入互聯網級開發),HTML5的預熱爲前端技術帶來了更多機會和熱點。
我用的是VS2008開發工具,作爲懶人(對於開發工具有強烈的依賴性,懶得記API單詞,懶得多打字,懶得查手冊)的代表,Intellisense 對我一直是非常重要的事情,我喜歡微軟的開發平臺,也就是應爲VS開發工具有良好的高速的Intellisense 我才喜歡再微軟的平臺上開發,對於習慣用記事本的牛人,我一直內心仰慕但堅決不從。VS2008對HTML5沒有良好的支持的時候,我一直是光看不練,直到我看到了“HTML 5 intellisense and validation schema for Visual Studio 2008 and Visual Web Developer”之後,我的VS2008開始部分的支持HTML5了,至少element和CSS開發有了爲懶人服務的Intellisense 了,親,太高興了,可惜,對DOM 的javasScript API還沒有支持(哦,關於這個話應該怎麼表達,和很多朋友有爭論,你明白我的意思就可以,這個插件還不支持HTML5比如類似canvas.getContext這樣的函數)。
下載了這個插件之後,我們可以在工具--選項中看到新的HTML5的驗證架構,在頁面開發環境中也可以算作目標驗證架構師HTML5。同時開始支持對html標籤和css的部分Intellisense 支持。
最早,也是最令人印象深刻,特別是對我這樣的懶人而言,記得最深的就是初始化的html元素被簡單到非常極致的情況了
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
我第一次聽說不要寫DOCTYPE中的內容後,是非常的激動啊,終於不要那些亂七八糟的東西了,不過轉念一想,我好像也從來沒有寫過,都IDE幫我搞定的嘛,慚愧啊慚愧。然後我們說HTML5的新元素,在瞭解新元素前,我想先說明下個人觀點,對於標籤的運用無論如何都是見仁見智的東西,標準是一個指導和參考意見,不同的人有不同的理解的哈利波特(莎士比亞我不是說你),我的理解從最初的HTML4的語義標籤開始:
- 標籤的分類方式很多,HTML4中我簡單的將標籤分爲默認block和默認inline這種分法,和有語義以及無語義(樣式標籤不談了)的分法。
- 除了div之外i,其他標籤都是有語義的(聲明下,類似font等樣式標籤我早就不算HTML4的使用中了),div的含義只是在邏輯上將一些標籤視同爲一組,可以共同處理
<body>
<header>
<img alt="logo" />
<h1>
*****公司</h1>
<nav>
<ol>
<li>導航1</li>
<li>導航2</li>
<li>導航3</li>
<li>導航4</li>
<li>導航5</li>
</ol>
</nav>
</header>
</body>
<header>
<h1>
像螞蟻一樣工作,像蝴蝶一樣生活
</h1>
<h2>
記錄成長的點滴
</h2>
<p>
類似後面文章的前言部分啦</p>
</header>
文檔本身可以用article元素來標記,article可以描述整篇文章和其包含的所有信息。往往article中也包含了header(我說的是往往)或者hgroup(這個倒真的不一定需要用)。 <article>
<hgroup>
<h1>
主標題
</h1>
<h2>
副標題
</h2>
</hgroup>
</article>
現在應該對header更有感覺了,是爲了向瀏覽器描述出,哪些是文檔的頁眉區。