第二章 HTML5和HTML4的區別-《HTML5+CSS3權威指南》

時間 2019-11-06

標籤第二 html5 html html4 區別 HTML5+CSS3權威指南欄目 HTML5 简体版

原文原文鏈接

第二章主要介紹了HTML5的基本語法和什麼是全局屬性及其介紹了幾個常見的全局屬性。她們是contentEditable,designMode,hidden,spellchack和tabindex屬性。javascript

基本HTML5語法：html

<!DOCTYPE>
<meta charset="UTF-8">

來取代了HTML4前面繁瑣的聲明java

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

書上有個比較模糊的地方是<!DOCTYPE html SYSTEM "about: legacy-compat">中的SYSTEM屬性沒有說明清楚。我google了一下，也沒查出比較好理解的，大體都是說遺留工具，徹底是爲了兼容久遠時代的歷史遺產而準備的DOCTYPE。可是仍是不解，若是各位有什麼比較通俗的解釋，在下面留言告知我一下，小弟我很是感謝。面試

第一章留了個問題，那些標籤能夠省略結束標籤，書上給出了15個標籤，分別是：li dt dd p rt rp optgroup option colgroup thead tbody tfoof tr td th。瀏覽器

還有徹底不用寫的標籤：html head body colgroup tbody。其實我感受這個真的能夠寫，不寫html head body,我晚上睡不着覺。app

在這裏還說一下具備boolean值的屬性。舉個例子，<input type="checkbox" checked />就是默認選中的，固然你寫checked ="checked"或者checked =checked或者checked =""都是表明屬性是true的，要想屬性是false,不寫就OK啦。細心的你必定看到了checked =checked，別以爲有什麼不對的，在HTML5裏，屬性值兩邊的引號能夠升看來懶人的時代一步步逼近了。懶人促進社會進步，這話愈來愈體現的突出了。工具

接下來就是把HTML5新標籤的主要做用歸納了一下，HTML5新標籤的屬性，我將在第四章一一作詳細一點的筆記。還挺多的。其實這個在網上，都查的到的。ui

全局屬性：google

contentEditable屬性spa

這個屬性主要是准許用戶編輯元素，且該元素必須是鼠標能夠得到焦點的元素。她是一個boolean值屬性。這個屬性還有一個隱藏的inherit繼承狀態，就是說父元素能夠編輯，元素也繼承可編輯。contentEditable爲true時可編輯。事例代碼:

<h2>可編輯列表</h2>
<ul contentEdittable="true">
<li>AAAAAAAA</li>
<li>BBBBBBBB</li>
<li>CCCCCCCC</li>
</ul>

遠行後,AAAAAAA,BBBBBBB,CCCCCCCC都是可編輯的哦！這個之前還真沒據說過。

designMode屬性

該屬性是指整個頁面試是否可編輯。偶的神，還很沒據說過。該值的屬性值是on何off，若是值爲on,頁面上全部支持上面contentEditable屬性都成了可編輯狀態。不過本屬性只能在javascript腳本里被編輯。

hidden屬性

該屬性是告知瀏覽器不渲染該元素，使該元素不可見。書本原文"可是元素中的內容仍是瀏覽器建立的，也就是頁面裝載後容許使用javascript腳本將該屬性取消，取消後可見.."，表達不明白。還有這個隱藏是徹底在頁面上部存在，仍是說留下隱藏元素的位置，而不顯示，沒有說明。

spellcheck屬性

該屬性是檢查針對input元素text和textasrea類型文本框用戶輸入內容的進行拼寫和語法檢查。屬性值是true和false。效果就是當用戶輸入applee,輸入錯誤，錯誤字符下面波浪線提示。我想這個屬性對天朝來講，沒什麼用處。

tabindex屬性

這個屬性在HTML4基礎上HTML只是擴展了一點就是tabindex的值能夠爲-1，表示不能獲取焦點。

這章到這就結束了。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。