Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
習web前端,首先要學HTML。
關于HTML基礎知識,首先是要掌握一些常用標簽的使用和他們的各個屬性,這些常用的標簽我總結了一下有以下這些:
html:頁面的根元素。
head:頁面的頭部標簽,是所有頭部元素的容器。
body:頁面的主體標簽,頁面展現的內容就放置在這里面。
title:頁面的標題。
meta:位于文檔的頭部,提供頁面的元信息,包括關鍵字、描述等等。
link:定義文檔與外部資源的關系,最常用的用途就是引入樣式表。
script:腳本標簽,可以把js腳本代碼放置在這個標簽內,也可以使用這個標簽的src屬性引入一個外部標簽。
style:樣式標簽,可以把css代碼寫在這個標簽中。
a:超鏈接,href屬性代表要鏈接到的地方,target屬性代表打開方式。
img:圖像標簽,src屬性表示圖片的位置。
form:表單元素,它內部的input、select、textarea等標簽都是比較重要的。
div:定義文檔中的分區或節,可以使用div來進行頁面的布局等操作。
另外還有ul、li、p、button、iframe、p、table等標簽也很常用,nav、section、article、header、aside、footer等語義化標簽也需要了解一下。
除了要了解上面這一些標簽之外,還需要對一些新的HTML5的API有一定的了解:
還有一些要知道的知識點:
1.doctype的作用。
2.unicode、utf8等編碼的原理和區別。
3.如何進行頁面性能優化。
4.png、jpg、webp、gif等圖片格式的不同的優勢。
5.HTML行內元素與塊級元素的區別。
6.移動web端開發常用head標簽。
7.web語義化。
8.瀏覽器中的緩存原理
TML 字符集
如需正確地顯示 HTML 頁面,瀏覽器必須知道使用何種字符集。
萬維網早期使用的字符集是 ASCII。ASCII 支持 0-9 的數字,大寫和小寫英文字母表,以及一些特殊字符。
由于很多國家使用的字符并不屬于 ASCII,現代瀏覽器的默認字符集是 ISO-8859-1。
如果網頁使用不同于 ISO-8859-1 的字符集,就應該在 <meta> 標簽進行指定。
ISO 字符集
ISO 字符集是國際標準組織 (ISO) 針對不同的字母表/語言定義的標準字符集。
下面列出了世界各地使用的不同字符集:
字符集 | 描述 | 使用范圍 |
---|---|---|
ISO-8859-1 | Latin alphabet part 1 | 北美、西歐、拉丁美洲、加勒比海、加拿大、非洲 |
ISO-8859-2 | Latin alphabet part 2 | 東歐 |
ISO-8859-3 | Latin alphabet part 3 | SE Europe、世界語、其他雜項 |
ISO-8859-4 | Latin alphabet part 4 | 斯堪的納維亞/波羅的海(以及其他沒有包括在 ISO-8859-1 中的部分) |
ISO-8859-5 | Latin/Cyrillic part 5 | 使用古代斯拉夫語字母表的語言,比如保加利亞語、白俄羅斯文、俄羅斯語、馬其頓語 |
ISO-8859-6 | Latin/Arabic part 6 | 使用阿拉伯字母的語言 |
ISO-8859-7 | Latin/Greek part 7 | 現代希臘語,以及由希臘語衍生的數學符號 |
ISO-8859-8 | Latin/Hebrew part 8 | 使用希伯來語的語言 |
ISO-8859-9 | Latin 5 part 9 | 土耳其語。除了土耳其字符取代了冰島文字,其它與 ISO-8859-1 相同。 |
ISO-8859-10 | Latin 6 | 拉普蘭語、日耳曼語、愛斯基摩北歐語 |
ISO-8859-15 | Latin 9 (aka Latin 0) | 與 ISO 8859-1 類似,歐元符號和其他一些字符取代了一些較少使用的符號 |
ISO-2022-JP | Latin/Japanese part 1 | 日本語 |
ISO-2022-JP-2 | Latin/Japanese part 2 | 日本語 |
ISO-2022-KR | Latin/Korean part 1 | 韓語 |
Unicode 標準
由于上面列出的字符集都有容量限制,而且不兼容多語言環境,Unicode 聯盟開發了 Unicode 標準。
Unicode 標準涵蓋了世界上的所有字符、標點和符號。
不論是何種平臺、程序或語言,Unicode 都能夠進行文本數據的處理、存儲和交換。
Unicode 聯盟
Unicode 聯盟開發了 Unicode 標準。他們的目標是用標準的 Unicode 轉換格式 (UTF) 來取代現有的字符集。
Unicode 標準已經獲得了成功,在 XML、Java、ECMAScript (JavaScript)、LDAP、CORBA 3.0、WML 中,Unicode 已經得到了實現。在許多操作系統以及所有的現代瀏覽器中,Unicode 同樣得到了支持。
Unicode 聯盟與領導性的標準發展組織進行合作,比如 ISO、W3C 以及 ECMA。
Unicode 可以被不同的字符集兼容。最常用的編碼方式是 UTF-8 和 UTF-16:
字符集 | 描述 |
---|---|
UTF-8 | UTF8 中的字符可以是 1-4 個字節長。UTF-8 可以表示 Unicode 標準中的任意字符。UTF-8 向后兼容 ASCII。UTF-8 是網頁和電子郵件的首選編碼。 |
UTF-16 | 16 比特的 Unicode 轉換格式是一種 Unicode 可變字符編碼,能夠對全部 Unicode 指令表進行編碼。UTF-16 主要被用于操作系統和環境中,比如微軟的 Windows 2000/XP/2003/Vista/CE 以及 Java 和 .NET 字節代碼環境。 |
提示: 最前面的 256 個 Unicode 字符集字符對應于 256 個 ISO-8859-1 字符。
提示: 所有 HTML 4 處理器均已支持 UTF-8,而所有 XHTML 和 XML 處理器支持 UTF-8 和 UTF-16!
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
JavaScript 是一個程序語言。語法規則定義了語言結構。
JavaScript 語法
JavaScript 是一個腳本語言。
它是一個輕量級,但功能強大的編程語言。
JavaScript 字面量
在編程語言中,一個字面量是一個常量,如 3.14。
數字(Number)字面量 可以是整數或者是小數,或者是科學計數(e)。
3.14
1001
123e5
字符串(String)字面量 可以使用單引號或雙引號:
"John Doe"
'John Doe'
表達式字面量 用于計算:
5 + 6
5 * 10
數組(Array)字面量 定義一個數組:
[40, 100, 1, 5, 25, 10]
對象(Object)字面量 定義一個對象:
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函數(Function)字面量 定義一個函數:
function myFunction(a, b) { return a * b;}
JavaScript 變量
在編程語言中,變量用于存儲數據值。
JavaScript 使用關鍵字 var 來定義變量, 使用等號來為變量賦值:
var x, length
x = 5
length = 6
變量可以通過變量名訪問。在指令式語言中,變量通常是可變的。字面量是一個恒定的值。
變量是一個 名稱 。字面量是一個值 。 |
JavaScript 操作符
JavaScript使用 算術運算符 來計算值:
(5 + 6) * 10
JavaScript使用賦值運算符給變量賦值:
x = 5
y = 6
z = (x + y) * 10
嘗試一下 ?
JavaScript語言有多種類型的運算符:
類型 | 實例 | 描述 |
---|---|---|
賦值,算術和位運算符 | = + - * / | 在 JS 運算符中描述 |
條件,比較及邏輯運算符 | == != < > | 在 JS 比較運算符中描述 |
JavaScript 語句
在 HTML 中,JavaScript 語句向瀏覽器發出的命令。
語句是用分號分隔:
x = 5 + 6;
y = x * 10;
JavaScript 關鍵詞
JavaScript 語句通常于關鍵詞為開頭。 var 關鍵詞告訴瀏覽器創建一個新的變量:
var x = 5 + 6;
var y = x * 10;
JavaScript 關鍵字
和其他任何編程語言一樣,JavaScript 保留了一些關鍵字為自己所用。
JavaScript 同樣保留了一些關鍵字,這些關鍵字在當前的語言版本中并沒有使用,但在以后 JavaScript 擴展中會用到。
JavaScript 關鍵字必須以字母、下劃線(_)或美元符($)開始。
后續的字符可以是字母、數字、下劃線或美元符(數字是不允許作為首字符出現的,以便 JavaScript 可以輕易區分開關鍵字和數字)。
以下是 JavaScript 中最重要的保留字(按字母順序):
abstract | else | instanceof | super |
boolean | enum | int | switch |
break | export | interface | synchronized |
byte | extends | let | this |
case | false | long | throw |
catch | final | native | throws |
char | finally | new | transient |
class | float | null | true |
const | for | package | try |
continue | function | private | typeof |
debugger | goto | protected | var |
default | if | public | void |
delete | implements | return | volatile |
do | import | short | while |
double | in | static | with |
JavaScript 注釋
不是所有的 JavaScript 語句都是"命令"。雙斜杠 // 后的內容將會被瀏覽器忽略:
// 我不會執行
JavaScript 數據類型
JavaScript 有多種數據類型:數字,字符串,數組,對象等等:
var length = 16; // Number 通過數字字面量賦值
var points = x * 10; // Number 通過表達式字面量賦值
var lastName = "Johnson"; // String 通過字符串字面量賦值
var cars = ["Saab", "Volvo", "BMW"]; // Array 通過數組字面量賦值
var person = {firstName:"John", lastName:"Doe"}; // Object 通過對象字面量賦值
數據類型的概念
編程語言中,數據類型是一個非常重要的內容。
為了可以操作變量,了解數據類型的概念非常重要。
如果沒有使用數據類型,以下實例將無法執行:
16 + "Volvo"
16 加上 "Volvo" 是如何計算呢? 以上會產生一個錯誤還是輸出以下結果呢?
"16Volvo"
你可以在瀏覽器嘗試執行以上代碼查看效果。
在接下來的章節中你將學到更多關于數據類型的知識。
JavaScript 函數
JavaScript 語句可以寫在函數內,函數可以重復引用:
引用一個函數 = 調用函數(執行函數內的語句)。
function myFunction(a, b) {
return a * b; // 返回 a 乘于 b 的結果
}
JavaScript 對大小寫敏感。
JavaScript 對大小寫是敏感的。
當編寫 JavaScript 語句時,請留意是否關閉大小寫切換鍵。
函數 getElementById 與 getElementbyID 是不同的。
同樣,變量 myVariable 與 MyVariable 也是不同的。
JavaScript 字符集
JavaScript 使用 Unicode 字符集。
Unicode 覆蓋了所有的字符,包含標點等字符。
如需進一步了解,請學習我們的 完整 Unicode 參考手冊。
您知道嗎?
JavaScript 中,常見的是駝峰法的命名規則,如 lastName (而不是lastname)。 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。