本節(jié)大綱
- 課時8 HTML作用(掌握)
- 課時9 HTML發(fā)展史(了解)
- 課時10 第一個HTML網(wǎng)頁(掌握)
- 課時11 HTML基本結(jié)構(gòu)詳解(掌握)
- 課時12 字符集問題(掌握)
- 課時13 標簽的分類(掌握)
- 課時14 DTD文檔聲明上(掌握)
- 課時15 DTD文檔聲明下(了解)
- 課時16 HTML-XHTML-HTML5區(qū)別(了解)
HTML作用
- html的作用：為文本添加語義，而不是修改文本的樣式。
- 標題標簽作用：告訴瀏覽器，哪些文字是標題。專門用于給制定的文字添加標題語義
編寫html代碼的步驟
- 新建一個文本編輯
- 利用記事本打開
- 編寫html代碼
- 保存并且修改純文本文件的擴展名為.html
- 利用瀏覽器打開編寫好的文件
- 其他所有的標簽必須寫在HTML標簽里面，也就是寫在HTML開始標簽和結(jié)束標簽中間。
- head標簽的作用：用于給網(wǎng)站添加一些配置信息，列如：指定網(wǎng)站的標題、指定網(wǎng)站的小圖片，添加網(wǎng)站的SEO相關(guān)的信息（指定網(wǎng)站的關(guān)鍵字、指定往回走哪的描述信息），外掛一些css/js文件，添加一些留戀其適配相關(guān)的內(nèi)容。
- 注意點：一般情況下，寫在head標簽內(nèi)部的內(nèi)容不會顯示給用戶查看，也就是說一般情況下寫在head標簽內(nèi)部的的內(nèi)容我們看不到。
- title標簽的作用：專門用于指定網(wǎng)站的標題，并且這個指定的標題將來還會作為用戶保存網(wǎng)站的默認標題。
- 注意：title標簽必須寫在head標簽里面。
- body標簽的作用:專門用于定義HTML文檔中需要顯示給用戶查看的內(nèi)容（文字，圖片，音頻，視頻）
注意點：雖然說有時候你可能將內(nèi)容寫到了別的地方在網(wǎng)頁中也能看到，但是千萬不要這樣做，一定要將需要顯示的內(nèi)容寫在body中。- 對HTML標簽中（一個HTML標簽和一個HTML結(jié)束標簽）只能有一對body標簽。
字符集問題
- meta標簽的作用，就是指定當前網(wǎng)頁的字符集
為什么會出現(xiàn)亂碼的現(xiàn)象。就是因為我們在編寫網(wǎng)頁的時候沒有指定字符集 - 如何解決亂碼現(xiàn)象
- 在head標簽中添加
<pre><code>meta charset="GBK"/</code></pre>
- 在head標簽中添加
- 什么是字符集
字符集就是字符的集合，就是很多字符堆在一起，類似于印刷術(shù)，由于每個人對于字符集的命名不同，所以在使用當中，由于不知道對方的命名方式，所以在解讀過程之中會出現(xiàn)亂碼的情況，指定字符集的意義，告訴瀏覽器使用的是哪個方式 - GBK（GBK2312）里面存儲的字符比較少，體積小，訪問的時間比較快
- UTF-8存儲世界上所有的文字，換包含其他國家的語言，體積大
- 注意：一般使用的都為UTF-8，在HTML文件中指定的字符集必須和保存這個文件的字符集一致，否則還是會出現(xiàn)亂碼。
DTD文檔聲明
- 任何一個標準的HTML網(wǎng)頁，第一行一定是DTD文檔.也就是說DTD文檔聲明必須寫在HTML的第一行;
- DTD文檔聲明不區(qū)分大小寫;
- DTD文檔聲明不是一個標簽;
- 雖然DTD文檔聲明的作用是用于告訴瀏覽器我們的網(wǎng)頁是用哪一個版本都標準寫的，以便于方便瀏覽器解析和渲染，但是瀏覽器并不是完全倚賴這個DTD文檔聲明，瀏覽器就有一套屬于自己的機制
也就是說DTD文檔聲明不寫網(wǎng)頁也能正常運行，由于w3c規(guī)定第一行必須是dtd文檔，所以為了遵守規(guī)定，無論怎么我們都應該在第一行寫上DTD文檔聲明
HTML 5的DTD格式如下：
<pre><code>!DOCTYPE html</code></pre>
HTML,XHTML,HTML5的區(qū)別
- HTML語言非常寬松容錯性強
- XHTML更為的嚴格，他要求標簽必須小寫，必須嚴格閉合，標簽中的屬性必須使用引號引起來等等
- HTML5是HTML的下一個版本所以除了非常的寬松容錯性強以外，還增加許多的新特性
