hml筆記
(一)html xhtml html5 的區別
Html 與 xhtml 的區別:
(1) xhtml標籤必須被正確的嵌套;
(2) xhtml標籤必須被關閉;
(3) 標籤名必須用小寫字母;
(4) 屬性名必須爲小寫,必有值,值必須加“”引號(重要);
Xhtml 與 html5的區別:
將符合xhtml1.0 標準的
<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
改爲符合 html5 標準的
<!DOCTYPE html>
就可以將 xhtml網頁轉換爲 html5文件。
此外還有
HTML5 中的一些有趣的新特性:
· 用於繪畫的 canvas 元素
· 用於媒介回放的 video 和 audio 元素
· 對本地離線存儲的更好的支持
· 新的特殊內容元素,比如 article、footer、header、nav、section
· 新的表單控件,比如 calendar、date、time、email、url、search
(二)class 與 id 的命名規則
(1)不能以數字開頭;
(2)命名有大小寫英文字母,下劃線及其數字;
(3)其他的都可以放在第一位,作爲命名,推薦使用大小寫英文字母。對大小寫敏感!
(三)對 html的一些簡單介紹
(1)黑客方法:舉例說明,去掉<title>我是美女</title> ,將</title>刪掉就可以了!網頁加載完畢,但是瀏覽區頁面不顯示內容!
(2)html不是編程語言,而是一種描述性的標記語言。
(3)<font size="7"></font>(1-7從小到大) ------font標籤不被贊成使用!
(四)html 標記的語法(書寫規則)
(1)<標記符>內容</標記符> 舉例:<div>我很好</div>
(五)html 標記分爲兩種:單標記 與雙標記
(1)單標記:標記符沒有結束的標記,單一型標記。
單標記分爲兩種:有屬性與 無屬性。
單一型,有屬性值 <hr width=”80%”/> 橫線
單一型,無屬性值 <br /> 換行
(2)雙標記:有開始也有結束的標記。
雙標記分爲兩種:有屬性與 無屬性。
有始有終型,有屬性值 <div class=”one”>我很好</div> 容器
有始有終型,無屬性值 <title>網頁製作</title> 標題
(3)對於標記,有的屬性是可有可無的,但是有的是必須有的!
例如上面的 class屬性可有可無
但是
<input>標籤中有許多屬性,但是對每個元素來說,只有type屬性和name屬性
是必須的(提交或重置按鈕只有type屬性)。