2. 程式人生 > >前端知識點總結

前端知識點總結

阿新 • • 發佈：2018-02-04
splay 禁止 pat foo 狀態欄顏色 -c box eight mage

前端知識點總結

知識點一：DOCTYPE和瀏覽器渲染模式

文檔類型，一個文檔類型標記是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應該使用什麽樣的文檔類型定義（DTD）來解析文檔。Doctype還會對瀏覽器的渲染模式產生影響，不同的渲染模式會影響到瀏覽器對於 CSS 代碼甚至 JavaScript 腳本的解析，所以Doctype是非常關鍵的，尤其是在 IE 系列瀏覽器中，由DOCTYPE 所決定的 HTML 頁面的渲染模式至關重要。

瀏覽器解析HTML方式：

有三種解析方式:

非怪異（標準）模式
怪異模式
部分怪異（近乎標準）模式
在“標準模式”(standards mode) 頁面按照 HTML 與 CSS 的定義渲染，而在“怪異模式(quirks mode) 模式”中則嘗試模擬更舊的瀏覽器的行為。 一些瀏覽器（例如，那些基於 Mozilla 的 Gecko 渲染引擎的，或者 Internet Explorer 8 在 strict mode 下）也使用一種嘗試於這兩者之間妥協的“近乎標準”(almost standards) 模式，實施了一種表單元格尺寸的怪異行為，除此之外符合標準定義。

一個不含任何 DOCTYPE 的網頁將會以 怪異(quirks) 模式渲染。

HTML5提供的<DOCTYPE html>是標準模式，向後兼容的, 等同於開啟了標準模式，那麽瀏覽器就得老老實實的按照W3C的 標準解析渲染頁面，這樣一來，你的頁面在所有的瀏覽器裏顯示的就都是一個樣子了。

知識點二：html5

  • 文件類型聲明（<!DOCTYPE>）僅有一型：<!DOCTYPE HTML>。

  • 新的解析順序：不再基於SGML。

  • 新的元素：section, video, progress, nav, meter, time, aside, canvas,command, datalist, details, embed, figcaption, figure, footer,header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary,wbr。 input

  • 元素的新類型：date, email, url等等。

  • 新的屬性：ping（用於a與area）,charset（用於meta）, async（用於script）。

  • 全域屬性：id, tabindex, repeat。

  • 新的全域屬性：contenteditable, contextmenu, draggable, dropzone, hidden,
    spellcheck。

  • 移除元素：acronym, applet, basefont, big, center, dir, font,
    frame, frameset, isindex, noframes, strike, tt。

知識點三：常用meta整理

概要

相關推薦

前端知識點總結

splay 禁止 pat foo 狀態欄顏色 -c box eight mage 前端知識點總結 知識點一：DOCTYPE和瀏覽器渲染模式 文檔類型，一個文檔類型標記是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應該使用

前端知識點總結——VUE

周期 響應 cookie index 通信 方式 r12 插入 outer 轉載自：http://www.bslxx.com/m/view.php?aid=1799 1.框架和庫的區別： 框架：framework 有著自己的語法特點、都有對應的各個模塊庫 library

前端知識點總結——jQuery（下）

mda 服務器端 ont das 等待 .ajax AD 顏色 AS 1. 排隊和並發 1.並發: 多個css屬性同時變化放在一個animate函數內的多個css屬性默認並發變化 2.排隊: 多個css屬性先後變化對同一個元素，先後調用多個動畫API，都是排隊執行原理:

關於前端知識點總結（乾貨）

今天系統的整理下我理解的前端的知識點 以及如何貫穿的將這些串聯起來 主要是js部分 首先js最不能離開的一句話就是  萬物皆物件 首先是變數---  function Tellname（name，a

前端知識點總結（一）盒子模型你是怎麼理解的？

從今天開始打算陸陸續續寫一些前端方面的知識點總結，也方便自己鞏固和複習。如果有人能看見還幫助了你，那也是極好的hhhh。分析與解答：1.盒子模型有兩種，W3C的標盒模型和IE的怪異盒模型（1）W3C定義的標準盒模型包括margin、border、padding、content

前端知識點總結（HTML篇）

HTML ie的某些相容性問題 doctype的作用 HTML中標準模式和怪異模式有什麼不同 寫出你常用的HTML標籤 為什麼要少用iframe HTML語義化的理解 行內元素和塊級元素的異同及img類似的特殊性 盒模型，及在瀏覽器相容方面的異同 HTML5

前端知識點總結（CSS篇）

聖盃佈局 CSS合併方法 盒子模型 CSS定位 CSS動畫原理 CSS3動畫（簡單動畫的實現，如旋轉等） CSS不同選擇器的權重(CSS層疊的規則) flexbox佈局 塊級元素和行內元素的異同 CSS在效能優化方面的實踐（比方說選擇器的效率等） CSS打包壓縮的

前端知識點總結（綜合篇）

HTTP狀態碼 Cach-Control 專案經歷及作用和用到的技術等 SEO 一個頁面從輸入 URL 到頁面載入完的過程中都發生了什麼事情？ 常見元件的實現（如讓你實現圖片輪播、時間計時等） HTTP頭部包含的資訊及作用 HTML\CSS\JS在處理瀏覽器相容性方面的實踐

前端知識點總結（HTML篇2）

html概念、全稱、含義 web標準構成----結構、表現、行為 html基本結構 doctype ---- 宣告文件型別 常用標籤 img的屬性 src alt title 含義 a的屬性 href target含義 表格屬性 border-collapse table-layout:fixed 表單 bu

前端知識點總結——H5

前端知識點總結——H5 1.html5新特性 (1)新的語義標籤 (2)增強型表單* (3)音訊和視訊 (4)Canvas繪圖 (

前端開發 - 知識點總結

cal microsoft 回調函數 ack script 前端開發 soft sof www 簡介：涉及JavaScript、jQuery甚至Django模板語言 $.each()方法 定義：為每個匹配元素規定運行的函數 提示：返回false用於停止循環 語法：$

前端筆記----jquery入門知識點總結 （轉）

outer 尺寸 對象 層級 ani 入門 fontsize fun click http://www.cnblogs.com/cwp-bg/p/7633623.html 一、jquery的加載方法 $(document).ready(function(){js代碼});

2018前端學習知識點總結

部分 屬性選擇器 idt 安裝 頻繁 自定義動畫 像素 require 編輯 前端越發展越復雜，知識點越來越龐雜。 前幾年號稱要一統前端江湖的backbone，估計新入行的童鞋都沒聽說過。前年很火的Angular也逐漸被React和Vue趕超和碾壓。 Backbone

自己總結的前端知識點（vue部分）

路由 編譯 修改 com 轉化 提取 red syn 動態路由 1.MVVM model-view-viewModel，model是數據與業務邏輯，view是UI界面，viewModel是一個對象用於實現model與view的同步。 ViewModel 通過雙向數據綁定把

前端常用小知識點總結

一、文字輸入回車轉換為– var text = (‘.wra′).html();text=text.replace(/[\n\r]/g,′′) ( ‘ .

web前端面試知識點總結

（1）button是行內元素還是塊級元素？ 答：它是可變元素，既不屬於行內元素，也不屬於塊級元素。可變元素：根據上下文語境決定該元素為塊級還是內聯（可變元素如：button、iframe、map等）。 （2）行內元素有哪些？塊級元素有哪些？css盒子模型是什麼？ 答： 塊級元素：div

【前端】jQuery常用基礎知識點總結

目錄 jQuery概念： 入口函式： jQuery選擇器： 樣式操作： 屬性操作： 特殊動畫： 事件： 事件冒泡： 事件委託： jQuery中的DOM操作： jQuery概念： JQuery: JavaScript Query;  這

前端HTML/CSS易混淆知識點總結

CSS易忽略點： 標準盒子模型：盒子的總寬度=左右margin+左右border+左右padding+width h1標籤預設情況下，形成“加粗，大號文字”的效果 html5新增的標籤：article caption video header footer section na

web前端面試知識點總結（1）

（1）button是行內元素還是塊級元素？ 答：它是可變元素，既不屬於行內元素，也不屬於塊級元素。可變元素：根據上下文語境決定該元素為塊級還是內聯（可變元素如：button、iframe、map等）。 （2）行內元素有哪些？塊級元素有哪些？css盒子模型是什麼？ 答：塊級

前端開發知識點總結

1.a標籤的相互巢狀 很多時候我們會有下面的場景，如下圖中所顯示的那樣。點選1區域（從圖上看1區域包含2區域）和2區域跳轉不同的連結。 正常的程式碼結構應該是： <ul> <li> <a hre