HTML5 基础知识(一)
漸進(jìn)增強(qiáng):一種最佳實(shí)踐。這不是一門(mén)語(yǔ)言,而是一種建站方法。這個(gè)想法很簡(jiǎn)單,但也很強(qiáng)大:開(kāi)始用所有人都能訪問(wèn)的HTML內(nèi)容和行為構(gòu)建網(wǎng)站,再用CSS加入你的設(shè)計(jì),最后用JavaScript添加額外的行為。這些組件是分離的,但可以同時(shí)發(fā)揮作用。本質(zhì)上,漸進(jìn)增強(qiáng)背后的涵義就是共贏。
網(wǎng)頁(yè)的構(gòu)造塊:
一個(gè)網(wǎng)頁(yè)主要包含以下三個(gè)部分:
1、文本內(nèi)容
2、對(duì)其他文件的引用
3、標(biāo)記
此外在每個(gè)HTML頁(yè)面的開(kāi)頭都有一些主要用于瀏覽器和搜索引擎的信息。瀏覽器不會(huì)將這些信息呈現(xiàn)給訪問(wèn)者。
HTML用來(lái)描述內(nèi)容是什么,CSS控制內(nèi)容的外觀;
實(shí)例:
<!DOCTYPE html>//標(biāo)記該頁(yè)面為HTML5頁(yè)面
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Your page title</title>
</head>
<body>
.......
</body>
</html>
標(biāo)簽的組成:
元素、屬性、值
按照慣例:元素的名稱都用小寫(xiě)字母。
屬性包含了元素的額外信息,HTML5中,屬性兩邊的引號(hào)是可選的,但習(xí)慣上大家還是會(huì)寫(xiě)上;盡量使用小寫(xiě)字母編寫(xiě)屬性的名稱。
如果一個(gè)元素包含另一個(gè)元素,它就是被包含元素的父元素。
文件名采用小寫(xiě)字母;
使用正確的擴(kuò)展名;
用短橫線分隔單詞。
短橫線是搜索引擎更容易接受的方式。
URL:
統(tǒng)一資源定位符,它包含關(guān)于文件的存儲(chǔ)位置和瀏覽器應(yīng)如何處理它的消息。
URL的第一個(gè)部分稱為模式,模式告訴瀏覽器如何處理需要打開(kāi)的文件。最常見(jiàn)的模式是HTTP;
URL的第二個(gè)部分是文件所在的主機(jī)的名稱,緊接著是路徑,路徑包含到達(dá)這個(gè)文件的文件夾以及文件自身的名稱;
模式最常用的是http、mailto、ftp;模式后面通常緊跟一個(gè)冒號(hào)和兩個(gè)斜杠。
絕對(duì)URL:包含了指定目錄或文件的完整信息;
相對(duì)URL:以URL本身的文件的位置為參照點(diǎn),描述目標(biāo)文件的位置。
如果不是在服務(wù)器本地開(kāi)發(fā)網(wǎng)站,通常使用相對(duì)URL。
選擇將文件保存為純文件格式時(shí),文件會(huì)以系統(tǒng)默認(rèn)字符編碼保存。如果需要?jiǎng)?chuàng)建其他編碼的網(wǎng)頁(yè),則需要使用可以選擇編碼類(lèi)型的文本編輯器。通常UTF-8是最好的選擇。
大多數(shù)web服務(wù)器會(huì)根據(jù)文件名識(shí)別每個(gè)文件夾中的默認(rèn)頁(yè)面。大多數(shù)情況下系統(tǒng)會(huì)將index.html作為默認(rèn)頁(yè)面,如果沒(méi)有,將繼續(xù)尋找index.htm default.html等文件名。
總結(jié)
以上是生活随笔為你收集整理的HTML5 基础知识(一)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: PHP基础知识(三)
- 下一篇: HTML5 基础知识(二)