整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          初級(jí)web前端必會(huì)知識(shí)點(diǎn):HTML部分

          習(xí)web前端,首先要學(xué)HTML。

          關(guān)于HTML基礎(chǔ)知識(shí),首先是要掌握一些常用標(biāo)簽的使用和他們的各個(gè)屬性,這些常用的標(biāo)簽我總結(jié)了一下有以下這些:

          html:頁面的根元素。

          head:頁面的頭部標(biāo)簽,是所有頭部元素的容器。

          body:頁面的主體標(biāo)簽,頁面展現(xiàn)的內(nèi)容就放置在這里面。

          title:頁面的標(biāo)題。

          meta:位于文檔的頭部,提供頁面的元信息,包括關(guān)鍵字、描述等等。

          link:定義文檔與外部資源的關(guān)系,最常用的用途就是引入樣式表。

          script:腳本標(biāo)簽,可以把js腳本代碼放置在這個(gè)標(biāo)簽內(nèi),也可以使用這個(gè)標(biāo)簽的src屬性引入一個(gè)外部標(biāo)簽。

          style:樣式標(biāo)簽,可以把css代碼寫在這個(gè)標(biāo)簽中。

          a:超鏈接,href屬性代表要鏈接到的地方,target屬性代表打開方式。

          img:圖像標(biāo)簽,src屬性表示圖片的位置。

          form:表單元素,它內(nèi)部的input、select、textarea等標(biāo)簽都是比較重要的。

          div:定義文檔中的分區(qū)或節(jié),可以使用div來進(jìn)行頁面的布局等操作。

          另外還有ul、li、p、button、iframe、p、table等標(biāo)簽也很常用,nav、section、article、header、aside、footer等語義化標(biāo)簽也需要了解一下。

          除了要了解上面這一些標(biāo)簽之外,還需要對(duì)一些新的HTML5的API有一定的了解:

          • audio、video標(biāo)簽。
          • Canvas:定義圖形,比如圖表和其他圖像。
          • input標(biāo)簽的accept屬性,email、phone、url等類型。
          • getElementByClassName根據(jù)class名來獲取一個(gè)元素結(jié)點(diǎn)。
          • Multiple file selection多文件選擇屬性。
          • html的import、template
          • process標(biāo)簽,webGL等內(nèi)容。

          還有一些要知道的知識(shí)點(diǎn):


          1.doctype的作用。

          2.unicode、utf8等編碼的原理和區(qū)別。

          3.如何進(jìn)行頁面性能優(yōu)化。

          4.png、jpg、webp、gif等圖片格式的不同的優(yōu)勢。

          5.HTML行內(nèi)元素與塊級(jí)元素的區(qū)別。

          6.移動(dòng)web端開發(fā)常用head標(biāo)簽。

          7.web語義化。

          8.瀏覽器中的緩存原理

          TML 字符集

          如需正確地顯示 HTML 頁面,瀏覽器必須知道使用何種字符集。

          萬維網(wǎng)早期使用的字符集是 ASCII。ASCII 支持 0-9 的數(shù)字,大寫和小寫英文字母表,以及一些特殊字符。

          由于很多國家使用的字符并不屬于 ASCII,現(xiàn)代瀏覽器的默認(rèn)字符集是 ISO-8859-1。

          如果網(wǎng)頁使用不同于 ISO-8859-1 的字符集,就應(yīng)該在 <meta> 標(biāo)簽進(jìn)行指定。

          ISO 字符集

          ISO 字符集是國際標(biāo)準(zhǔn)組織 (ISO) 針對(duì)不同的字母表/語言定義的標(biāo)準(zhǔn)字符集。

          下面列出了世界各地使用的不同字符集:

          字符集描述使用范圍
          ISO-8859-1Latin alphabet part 1北美、西歐、拉丁美洲、加勒比海、加拿大、非洲
          ISO-8859-2Latin alphabet part 2東歐
          ISO-8859-3Latin alphabet part 3SE Europe、世界語、其他雜項(xiàng)
          ISO-8859-4Latin alphabet part 4斯堪的納維亞/波羅的海(以及其他沒有包括在 ISO-8859-1 中的部分)
          ISO-8859-5Latin/Cyrillic part 5使用古代斯拉夫語字母表的語言,比如保加利亞語、白俄羅斯文、俄羅斯語、馬其頓語
          ISO-8859-6Latin/Arabic part 6使用阿拉伯字母的語言
          ISO-8859-7Latin/Greek part 7現(xiàn)代希臘語,以及由希臘語衍生的數(shù)學(xué)符號(hào)
          ISO-8859-8Latin/Hebrew part 8使用希伯來語的語言
          ISO-8859-9Latin 5 part 9土耳其語。除了土耳其字符取代了冰島文字,其它與 ISO-8859-1 相同。
          ISO-8859-10Latin 6拉普蘭語、日耳曼語、愛斯基摩北歐語
          ISO-8859-15Latin 9 (aka Latin 0)與 ISO 8859-1 類似,歐元符號(hào)和其他一些字符取代了一些較少使用的符號(hào)
          ISO-2022-JPLatin/Japanese part 1日本語
          ISO-2022-JP-2Latin/Japanese part 2日本語
          ISO-2022-KRLatin/Korean part 1韓語

          Unicode 標(biāo)準(zhǔn)

          由于上面列出的字符集都有容量限制,而且不兼容多語言環(huán)境,Unicode 聯(lián)盟開發(fā)了 Unicode 標(biāo)準(zhǔn)。

          Unicode 標(biāo)準(zhǔn)涵蓋了世界上的所有字符、標(biāo)點(diǎn)和符號(hào)。

          不論是何種平臺(tái)、程序或語言,Unicode 都能夠進(jìn)行文本數(shù)據(jù)的處理、存儲(chǔ)和交換。

          Unicode 聯(lián)盟

          Unicode 聯(lián)盟開發(fā)了 Unicode 標(biāo)準(zhǔn)。他們的目標(biāo)是用標(biāo)準(zhǔn)的 Unicode 轉(zhuǎn)換格式 (UTF) 來取代現(xiàn)有的字符集。

          Unicode 標(biāo)準(zhǔn)已經(jīng)獲得了成功,在 XML、Java、ECMAScript (JavaScript)、LDAP、CORBA 3.0、WML 中,Unicode 已經(jīng)得到了實(shí)現(xiàn)。在許多操作系統(tǒng)以及所有的現(xiàn)代瀏覽器中,Unicode 同樣得到了支持。

          Unicode 聯(lián)盟與領(lǐng)導(dǎo)性的標(biāo)準(zhǔn)發(fā)展組織進(jìn)行合作,比如 ISO、W3C 以及 ECMA。

          Unicode 可以被不同的字符集兼容。最常用的編碼方式是 UTF-8 和 UTF-16:

          字符集描述
          UTF-8UTF8 中的字符可以是 1-4 個(gè)字節(jié)長。UTF-8 可以表示 Unicode 標(biāo)準(zhǔn)中的任意字符。UTF-8 向后兼容 ASCII。UTF-8 是網(wǎng)頁和電子郵件的首選編碼。
          UTF-1616 比特的 Unicode 轉(zhuǎn)換格式是一種 Unicode 可變字符編碼,能夠?qū)θ?Unicode 指令表進(jìn)行編碼。UTF-16 主要被用于操作系統(tǒng)和環(huán)境中,比如微軟的 Windows 2000/XP/2003/Vista/CE 以及 Java 和 .NET 字節(jié)代碼環(huán)境。

          提示: 最前面的 256 個(gè) Unicode 字符集字符對(duì)應(yīng)于 256 個(gè) ISO-8859-1 字符。

          提示: 所有 HTML 4 處理器均已支持 UTF-8,而所有 XHTML 和 XML 處理器支持 UTF-8 和 UTF-16!

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          JavaScript 是一個(gè)程序語言。語法規(guī)則定義了語言結(jié)構(gòu)。

          JavaScript 語法

          JavaScript 是一個(gè)腳本語言。

          它是一個(gè)輕量級(jí),但功能強(qiáng)大的編程語言。

          JavaScript 字面量

          在編程語言中,一個(gè)字面量是一個(gè)常量,如 3.14。

          數(shù)字(Number)字面量 可以是整數(shù)或者是小數(shù),或者是科學(xué)計(jì)數(shù)(e)。

          3.14

          1001

          123e5

          字符串(String)字面量 可以使用單引號(hào)或雙引號(hào):

          "John Doe"

          'John Doe'

          表達(dá)式字面量 用于計(jì)算:

          5 + 6

          5 * 10

          數(shù)組(Array)字面量 定義一個(gè)數(shù)組:

          [40, 100, 1, 5, 25, 10]

          對(duì)象(Object)字面量 定義一個(gè)對(duì)象:

          {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

          函數(shù)(Function)字面量 定義一個(gè)函數(shù):

          function myFunction(a, b) { return a * b;}

          JavaScript 變量

          在編程語言中,變量用于存儲(chǔ)數(shù)據(jù)值。

          JavaScript 使用關(guān)鍵字 var 來定義變量, 使用等號(hào)來為變量賦值:

          var x, length

          x = 5

          length = 6

          變量可以通過變量名訪問。在指令式語言中,變量通常是可變的。字面量是一個(gè)恒定的值。

          變量是一個(gè)

          名稱

          。字面量是一個(gè)

          JavaScript 操作符

          JavaScript使用 算術(shù)運(yùn)算符 來計(jì)算值:

          (5 + 6) * 10

          JavaScript使用賦值運(yùn)算符給變量賦值:

          x = 5

          y = 6

          z = (x + y) * 10

          嘗試一下 ?

          JavaScript語言有多種類型的運(yùn)算符:

          類型實(shí)例描述
          賦值,算術(shù)和位運(yùn)算符= + - * /在 JS 運(yùn)算符中描述
          條件,比較及邏輯運(yùn)算符== != < > 在 JS 比較運(yùn)算符中描述

          JavaScript 語句

          在 HTML 中,JavaScript 語句向?yàn)g覽器發(fā)出的命令。

          語句是用分號(hào)分隔:

          x = 5 + 6;

          y = x * 10;

          JavaScript 關(guān)鍵詞

          JavaScript 語句通常于關(guān)鍵詞為開頭。 var 關(guān)鍵詞告訴瀏覽器創(chuàng)建一個(gè)新的變量:

          var x = 5 + 6;

          var y = x * 10;

          JavaScript 關(guān)鍵字

          和其他任何編程語言一樣,JavaScript 保留了一些關(guān)鍵字為自己所用。

          JavaScript 同樣保留了一些關(guān)鍵字,這些關(guān)鍵字在當(dāng)前的語言版本中并沒有使用,但在以后 JavaScript 擴(kuò)展中會(huì)用到。

          JavaScript 關(guān)鍵字必須以字母、下劃線(_)或美元符($)開始。

          后續(xù)的字符可以是字母、數(shù)字、下劃線或美元符(數(shù)字是不允許作為首字符出現(xiàn)的,以便 JavaScript 可以輕易區(qū)分開關(guān)鍵字和數(shù)字)。

          以下是 JavaScript 中最重要的保留字(按字母順序):

          abstractelseinstanceofsuper




          booleanenumintswitch




          breakexportinterfacesynchronized




          byteextendsletthis




          casefalselongthrow




          catchfinalnativethrows




          charfinallynewtransient




          classfloatnulltrue




          constforpackagetry




          continuefunctionprivatetypeof




          debuggergotoprotectedvar




          defaultifpublicvoid




          deleteimplementsreturnvolatile




          doimportshortwhile




          doubleinstaticwith




          JavaScript 注釋

          不是所有的 JavaScript 語句都是"命令"。雙斜杠 // 后的內(nèi)容將會(huì)被瀏覽器忽略:

          // 我不會(huì)執(zhí)行

          JavaScript 數(shù)據(jù)類型

          JavaScript 有多種數(shù)據(jù)類型:數(shù)字,字符串,數(shù)組,對(duì)象等等:

          var length = 16; // Number 通過數(shù)字字面量賦值

          var points = x * 10; // Number 通過表達(dá)式字面量賦值

          var lastName = "Johnson"; // String 通過字符串字面量賦值

          var cars = ["Saab", "Volvo", "BMW"]; // Array 通過數(shù)組字面量賦值

          var person = {firstName:"John", lastName:"Doe"}; // Object 通過對(duì)象字面量賦值

          數(shù)據(jù)類型的概念

          編程語言中,數(shù)據(jù)類型是一個(gè)非常重要的內(nèi)容。

          為了可以操作變量,了解數(shù)據(jù)類型的概念非常重要。

          如果沒有使用數(shù)據(jù)類型,以下實(shí)例將無法執(zhí)行:

          16 + "Volvo"

          16 加上 "Volvo" 是如何計(jì)算呢? 以上會(huì)產(chǎn)生一個(gè)錯(cuò)誤還是輸出以下結(jié)果呢?

          "16Volvo"

          你可以在瀏覽器嘗試執(zhí)行以上代碼查看效果。

          在接下來的章節(jié)中你將學(xué)到更多關(guān)于數(shù)據(jù)類型的知識(shí)。

          JavaScript 函數(shù)

          JavaScript 語句可以寫在函數(shù)內(nèi),函數(shù)可以重復(fù)引用:

          引用一個(gè)函數(shù) = 調(diào)用函數(shù)(執(zhí)行函數(shù)內(nèi)的語句)。

          function myFunction(a, b) {

          return a * b; // 返回 a 乘于 b 的結(jié)果

          }

          JavaScript 對(duì)大小寫敏感。

          JavaScript 對(duì)大小寫是敏感的。

          當(dāng)編寫 JavaScript 語句時(shí),請(qǐng)留意是否關(guān)閉大小寫切換鍵。

          函數(shù) getElementByIdgetElementbyID 是不同的。

          同樣,變量 myVariableMyVariable 也是不同的。

          JavaScript 字符集

          JavaScript 使用 Unicode 字符集。

          Unicode 覆蓋了所有的字符,包含標(biāo)點(diǎn)等字符。

          如需進(jìn)一步了解,請(qǐng)學(xué)習(xí)我們的 完整 Unicode 參考手冊(cè)。

          您知道嗎?

          JavaScript 中,常見的是駝峰法的命名規(guī)則,如 lastName (而不是lastname)。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 国产福利电影一区二区三区,免费久久久久久久精 | 亚洲无人区一区二区三区| 亚洲国产欧美国产综合一区| 高清精品一区二区三区一区| 精品无码国产AV一区二区三区 | 精品伦精品一区二区三区视频 | 国产乱码精品一区二区三区四川人| 国产精品免费视频一区| 日韩精品一区二区午夜成人版 | 中文字幕一区二区人妻| 无码国产精品一区二区免费式芒果| 精品国产乱子伦一区二区三区| 日本一区二区三区久久| 国产在线不卡一区二区三区| 亚洲熟妇av一区二区三区下载| 国产伦精品一区二区三区免费迷 | 无码少妇一区二区性色AV| 亚洲Av无码国产一区二区| 一区二区不卡视频在线观看| 国产精品日本一区二区在线播放 | 国产一区二区内射最近更新| 亚洲熟女综合一区二区三区| 国产亚洲情侣一区二区无| 亚洲国产系列一区二区三区| 久久久久人妻精品一区三寸蜜桃| 97久久精品一区二区三区| 一区二区日韩国产精品| 精品无人区一区二区三区| 亚洲AV无码一区二区三区国产| 国产精品久久一区二区三区| 国产成人精品无人区一区 | 国产福利电影一区二区三区,亚洲国模精品一区| 国产美女精品一区二区三区| 午夜视频在线观看一区| 一区二区三区四区免费视频| 免费观看日本污污ww网站一区 | 毛片无码一区二区三区a片视频| 精品一区二区无码AV| 麻豆国产在线不卡一区二区| 无码少妇一区二区三区| 大屁股熟女一区二区三区|