HTML

一、咱們都聽過html，那麼html是麼呢？

HTML 指的是超文本標記語言 (Hyper Text Markup Language)
HTML 不是一種編程語言，而是一種標記語言 (markup language)
標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁

二、HTML標籤

HTML 標記標籤一般被稱爲 HTML 標籤 (HTML tag)，它們由尖括號包圍關鍵詞，成對出現的，第一個標籤是開始標籤，第二個標籤是結束標籤，開始和結束標籤也被稱爲開放標籤和閉合標籤javascript

三、HTML 文檔 = 網頁

HTML 文檔描述網頁，也被稱爲網頁，包含 HTML 標籤和純文本
Web 瀏覽器的做用是讀取 HTML 文檔，使用標籤來解釋頁面的內容,以網頁的形式顯示出它們,不會顯示HTML 標籤

<html> 與 </html> 之間的文本描述網頁
<body> 與 </body> 之間的文本是可見的頁面內容
<h1> 與 </h1> 之間的文本被顯示爲標題
<p> 與 </p> 之間的文本被顯示爲段落
複製代碼

四、編輯器

html 標記語言非編程語言，沒有編譯過程，可用任何寫字軟件來編寫，好比txt。前端建議用sublime 或者 vs codecss

CSS

css是層疊樣式表

css是層疊樣式表的意思，html的佈局、樣式修飾和一些簡單的動畫都是由css完成的。
樣式定義如何顯示 HTML 元素、存儲在樣式表中、添加到 HTML 4.0 中解決內容與表現分離問題
外部樣式表能夠極大提升工做效率存儲在 CSS 文件中
多個樣式定義可層疊爲一

style樣式解決了一個廣泛的問題

一、HTML 標籤本來被設計爲用於定義文檔內容。經過使用 <h1>、<p>、<table> 這樣的標籤表達標題、段落、表格之類的信息。同時文檔佈局由瀏覽器來完成，而不使用任何的格式化標籤。html

二、因爲兩種主要的瀏覽器（Netscape 和 Internet Explorer）不斷地將新的 HTML 標籤和屬性（好比字體標籤和顏色屬性）添加到 HTML 規範中。前端

三、文檔內容、文檔表現層想要清晰獨立變得愈來愈困難。java

四、爲了解決這個問題，萬維網聯盟（W3C）使HTML 標準化，在 HTML 4.0 以外創造出樣式（Style）。web

五、全部的主流瀏覽器均支持層疊樣式表chrome

樣式表極大地提升了工做效率

樣式一般保存在外部的 .css 文件中。經過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變站點中全部頁面的佈局和外觀編程

多重樣式將層疊爲一個

樣式表容許以多種方式規定樣式信息。瀏覽器

單個的 HTML 元素中
在 HTML 頁的頭元素中
一個外部的 CSS 文件中。
甚至能夠在同一個 HTML 文檔內部引用多個外部樣式表

層疊次序

數字 4 擁有最高的優先權安全

1 瀏覽器缺省設置
2 外部樣式表
3 內部樣式表（位於標籤內部）
4 內聯樣式（在 HTML 元素內部）

Javascript

JavaScript 解釋型高級編程語言

JavaScript 具備函數優先的輕量級，解釋型或即時編譯型的高級編程語言，開發 HTML 和 Web。同時被用到了不少非瀏覽器環境中。

JavaScript 基於原型編程、多範式（支持面向對象編程、命令式和聲明式（函數式編程））的動態腳本語言。

JavaScript的標準是ECMAScript

一、JavaScript的由來

JavaScript在1995年由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。Netscape在最初將其腳本語言命名爲LiveScript，後來由於Netscape與Sun合做，Netscape管理層但願它外觀看起來像Java，所以取名爲JavaScript。語法上有和Java有相似之處，一些名稱和命名規範也借自Java，但實際上它的語法風格與Self及Scheme較爲接近。

二、javaScript 標準 EcmaScript的誕生

發展初期，JavaScript的標準並未肯定，有Netscape的JavaScript，微軟的JScript，二者都屬於ECMAScript的實現，同時也有CEnvi的ScriptEase三足鼎立。爲了互用性，1997年，在ECMA（歐洲計算機制造商協會）的協調下，由Netscape、Sun、微軟、Borland組成的工做組肯定統一標準：ECMA-262（ECMAScript）。

JavaScript的標準是ECMAScript 。

截至 2012 年，全部瀏覽器都完整的支持ECMAScript 5.1，舊版本的瀏覽器至少支持ECMAScript 3 標準。

2015年6月17日，ECMA國際組織發佈了ECMAScript的第六版，該版本正式名稱爲 ECMAScript 2015，但一般被稱爲ECMAScript 6 或者ES6。

組成

ECMAScript，描述了該語javascript組成語言的語法和基本對象。
文檔對象模型（DOM），描述處理網頁內容的方法和接口。 [4]
瀏覽器對象模型（BOM），描述與瀏覽器進行交互的方法和接口。

基本特色

解釋性腳本語言（代碼不進行預編譯）。
主要向HTML頁面添加交互行爲。
能夠實現web頁面的人機交互
能夠直接嵌入HTML頁面，但寫成單獨的js文件有利於結構和行爲的分離。
跨平臺特性，在絕大多數瀏覽器的支持下，能夠在多種平臺下運行（如Windows、Linux、Mac、Android、iOS等）。
Javascript腳本語言同其餘語言同樣，是一門完備圖靈語言，基本數據類型，表達式和算術運算符及程序的基本程序框架。

特性

一、腳本語言。一種解釋型的腳本語言,C、C++等語言先編譯後執行,JavaScript是在程序的運行過程當中逐行解釋
二、基於對象。不只能夠建立對象,也能使用現有的對象。
三、JavaScript是一種採用事件驅動的腳本語言,它不須要通過Web服務器就能夠對用戶的輸入作出響應。在訪問一個網頁時,鼠標在網頁中進行鼠標點擊或上下移、窗口移動等操做JavaScript均可直接對這些事件給出相應的響應。
四、跨平臺性。JavaScript腳本語言不依賴於操做系統,僅須要瀏覽器的支持。所以一個JavaScript腳本在編寫後能夠帶到任意機器上使用,前提上機器上的瀏覽器支持。JavaScript已被大多數的瀏覽器所支持。
五、與其餘服務端語言對比：服務器端腳本語言，例如PHP與ASP，須要服務器的支持。JavaScript主要被做爲客戶端腳本語言在用戶的瀏覽器上運行。能夠減小對服務器的負擔，而與此同時也帶來另外一個問題：安全性。
服務端的腳本更安全，但JavaScript仍然以其跨平臺、容易上手、對服務器服務器壓力校。同時，有些特殊功能（如AJAX）必須依賴Javascript在客戶端進行支持

編程

JavaScript源代碼在發往客戶端運行以前不需通過編譯，而是將文本格式的字符代碼發送給瀏覽器由瀏覽器解釋運行。
直譯語言的弱點是安全性較差
一條運行不了，那麼下面的語言也沒法運行。而其解決辦法就是於使用try{}catch(){}去作兼融。
Javascript被歸類爲直譯語言，主流引擎都是每次運行時加載代碼並解譯。V8則是將全部代碼解譯後再開始運行，其餘引擎則是逐行解譯（SpiderMonkey會將解譯過的指令暫存，以提升性能，稱爲實時編譯），但因爲V8的核心部分多數用Javascript撰寫（而SpiderMonkey是用C++），所以在不一樣的測試上，二者性能互有優劣。
與其相對應的是編譯語言，例如C語言，以編譯語言編寫的程序在運行以前，必須通過編譯，將代碼編譯爲機器碼，再加以運行。

主流瀏覽器

當前世界上的主流瀏覽器都有什麼呢？

ie 微軟的綁定瀏覽器
chrome 前端必備
firefox 火狐瀏覽器
opera 歐洲瀏覽器，兼容性很強
safari

每個瀏覽器都由兩部分組成：外殼+內核，外殼就是咱們能看到的部分，而內核則是咱們所須要掌握的知識，五大瀏覽器的內核是什麼？

瀏覽器	內核	前綴
ie	tritent	-ms-
chrome	Blink/webkit	-webkit-
firefox	Gecko	-moz-
opera	presto	-o-
safari	webkit	-webkit-

谷歌之前和safari一塊兒開發過因此之前用的是webkit，如今已經把webkit裏面的核心內容提取出來單獨作了一款新的內核叫作Blink

Web前端入門篇之旅(一) web初識