《HTML5與CSS3權威指南》讀書筆記（上冊）—持續更新

標籤：

豆瓣上的評分少且評價不太好，閱讀當中發現幾處刊物上的小問題，不過線下口碑貌似不錯，基本上人手一本

上冊五百多頁，主講H5，分為標籤，本機存放區，離線應用程式，新的API，擷取地理位置資訊
標籤包含表單，Canvas，多媒體等；
API的話多媒體，History，拖放和通知，檔案，通訊等。
其中一些章節只是翻了一下，如檔案API，通訊API更是看不懂，這兩章加起來可單做一本薄書

下冊為CSS3相關

 

第二章

　　1.不允許寫結束標記的元素：meta,link,hr,img,input,br,area,embed,base,col,command,keygen,param,source,track,wbr

　　　可以省略結束標記的元素：li,dt,dd,p,,thead,tbody,tfoot,option,tr,td,th,rt,rp,optgroup,colgroup

　　　可以省略全部標記的元素：html,head,body,tbody,colgroup

　　2.具有boolean值的屬性，當唯寫屬性而不指定屬性值時，表示屬性值為true，也可以將屬性名稱設定為屬性值，或Null 字元串設定為屬性值，如果想要屬性值為假，則可以不使用該屬性。

    <!-- 屬性值設定為true -->    <input type="checkbox" checked />    <input type="checkbox" checked="" />    <input type="checkbox" checked="checked" />    <!-- 不寫屬性代碼為false -->    <input type="checkbox" />

　　3.H5中，指定屬性值，可以省略引號或用單引號

　　4.新增元素：<section>部分，強調分段</section>  <article>文章，強調獨立性</article>  <aside>側邊欄</aside>  <header>頭部</header>  <footer>腳註</footer>  <nav>導航</nav>  <figure>獨力的內容流類似dl<figcaption>添加標題類似dt</figcaption></figure>  <main>主體</main>

    <!-- 菜單列表 -->    <menu>        <li></li>    </menu>    <time>只是一個日期或時間標籤</time>    <mark>突出或高亮</mark>    <!-- 軟換行，當寬度不夠時才進行換行 -->    <wbr />    <output>表示不同類型的輸出，類似h4中的span</output>    <video src="movie.ogg" controls >視頻</video>    <audio src="">音頻</audio>    <!-- 媒介元素，定義媒介資源 -->    <source src="movie.ogg" type="" />    <!-- 插入格式為MP3,MiDi,Wav,AIFF,AU等多媒體 -->    <embed src="horse.wav" />    <progress value="0" max="100">進度條</progress>    <!-- 運用情境如磁碟大小 -->    <meter min="0" max="100" value="75">度量衡</meter>    <!-- ruby注釋，運用情境如給漢字加拼音，資訊存在rt當中，當瀏覽器不支援時顯示rp內容 -->    <ruby>        漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>    </ruby>    <canvas id="myCanvas" width="200" height="200" >圖形</canvas>    <!-- 收縮展開的效果，summary中定標題或圖例 -->    <details><summary>點我試試</summary>被你發現了</details>    <!-- 產生密鑰 -->    <keygen />    <!-- 沒懂 -->    <command />    <datagrid>定義可選資料的列表</datagrid>

　　5.新增input類型：email,url,number,range滑塊,color,日期選取器Date pickers（date,month,week,time,datetime,datetime-local）支援率一般，可以在所有主流瀏覽器中使用，即使不被支援，仍然可以顯示為常規的文本域。

　　6.新增屬性：表單相關autofocus,placeholder,form,required,readonly唯讀,control,multiple一次上傳多個檔案，maxlength等，a標籤相關download，ol中的start,reversed開始和結束編號，time的putdate表示time元素為文章或整個網頁的發布日期，meta,menu,style,script,html,iframe也分別增加相應屬性。

　　7.廢除屬性，大部分都可以用CSS樣式代替，如很多標籤都具有的align置中文字屬性

　　8.新增全域屬性：以任何一個元素都可以使用的屬性。conentEditable為true時內容為可編輯；document.designMode="on"整個頁面可編輯；hidden告知瀏覽器不渲染該元素處於不可見狀態，boolean值屬性；spellcheck對使用者輸入的內容進行檢查；必須明確申明屬性值true或false；tabindex。

第三&四章內容則是對以上標籤和屬性等進行詳細講解

第五章 繪製圖形

第六章 多媒體API，自製播放製作，對yin添加字幕

第七章 History API

第八章 本機存放區

第九章 離線應用程式

第十章 文章API

第十五章 擷取地理位置資訊

第十六章 拖放和通知API

第十七章 其他API

 

《HTML5與CSS3權威指南》讀書筆記（上冊）—持續更新