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