就在今天我抱着試一試的態度稍微看了下HTML5, 嘗試着接觸一點新知識, 雖然學的並不多, 但是還是異常的興奮, 感覺有好多東西和之前的不一樣了, 包括控件的創建和一些屬性的設置等, 總之這些變化與改變我都非常的喜歡, 也算是接受了HTML, 以后的我還是會繼續努力的, 不做伸手黨, 親力親為的走過每一段旅程.
一.HTML5的簡單闡述
1.html語言是超文本標記語言，不區分大小寫，頁面包括“格式標簽”和“頁面內容”；
2.網頁文件格式：擴展名可以是.html或者.htm,這兩個格式主要是瀏覽器兼容的問題吧；
3.學習html主要用的工具可以是記事本，NotePad++，EdiPlus或者在VS中直接編寫等等。
二.HTML的元素,標簽,屬性等
元素是一種結構, 通常由起始標簽, 可選標簽, 可選屬性, 內容及結束標簽組成.
標簽標明了一個元素的開始與結束. 起始標簽可以包含多個屬性, 但不能包括其他元素或者標簽, 而結束標簽除了它本身之外不能包含其他任何內容.
同時並不是所有元素都有結束標簽的, 有些元素是自結束標簽(自結束標簽元素中有一個空格后面跟着一個斜杠, 例如:<img />, <br />, <meta />或者是<hr />).
屬性出現在標簽之中, 他們僅僅可以包含該屬性的值, 例如:
<p class="example"> here is some text, some of which is <em>emphasized</em></p>
這個例子展現了類別(class)屬性. 一個屬性可包括多個由空格隔開的值, 如果我們希望將多個類別應用到同一屬性, 這就非常有用, 例如有兩個樣式, 一個命名為a, 一個命名為b, 就可以寫成這樣:
<p class="a b"> here is some text, some of which is <em>emphasized</em></p>
其中的<em>是為了着重描述的具體格式為<em>需要着重描述的內容(為斜體顯示)</em>
三.對HTML文檔的簡單剖析
先為大家獻上一段簡單的代碼, 隨后我再為大家一一講解:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> </head> <body> </body> </html>
以上就是XHTML的一份簡單文檔了, 在很多初學者看來也許會完全看不懂, 在我剛看的時候也是一頭霧水, 什么都看不懂, 但是切忌勿焦勿燥, 一步步跟着我來, 我來給大家分享下我的學習經驗啦, 嘿嘿.
首先我們來看下doctype聲明. doctype聲明指示將使用哪一個文檔類型定義來編寫標記. doctype開頭類似下面這樣:
<!DOCTYPE
很簡單, 這只是doctype的開頭. 文檔的根元素(<html>元素)緊隨着聲明的開頭之后.
<!DOCTYPE html
注意, 我們可以使html或者HTML, 這取決於正在使用的HTML的版本. 對於雖有HTML doctype, 根元素都應該小寫, 但是對於HTML doctype, 根元素可以大寫(如果其余的標簽也是大寫的話).
隨后我們看到了PUBLIC:
這表示我們將要引用的DTD可以公開訪問. 如果你不想讓其公開的話, 可以選用SYSTEM
緊隨其后的就是FPI(正式公共標識)了, 就不一一介紹了, 不懂的友友們可以去百度上查一下, 很清晰的(www.baidu.com).
還有下面的一段就是<title>--標題--</title>為了說得更清晰點, 下面我將附上一張圖來供大家參考:
對, 就是這個了, 瀏覽器打開窗口的標題, 所以看似以前很神奇的東西, 也不過如此啦, 嘎嘎.
至於<body>--正文--</body>這里面的東西, 那當然就是我們期望顯示在網頁的東西啦, 嘿嘿, 你想要寫什么都可以寫什么了, 至於布局和表格我會在隨后的博客中繼續為大家介紹.
對了, 還有一個就是字體大小的樣式, 我也只是了解了一下, 對於字體標題樣式主要有六種<h1>到<h6>其中h1被認為是最重要的標題了, h6被認為是最次要的標題了, 有了這些就意味着我們不再需要去編寫<div id = "heading">或者<p><strong>標題</strong></p>這樣的代碼了, 也為我們省去了不少事情, 但是由於我是剛解除HTML的, 所以這些樣式我就先不一一演示了, 等隨后更新博客時我再帶大家一起瀏覽這些不一樣的東西.
今天就先說到這里了, 首先說明我是菜鳥, 從前從未接觸過HTML的, 望各位大牛多多幫助, 可以給我多一些建議, 多一些資源, 謝了.
不拋棄不放棄, 這種精神同樣適用於學習, 秉承這這種精神我一定要有所成, 哈哈, 好了 拜拜了各位!