摘要:前言鑒于平時業務代碼寫多了,筆者對前端的一些基礎知識都開始生疏。同理,對于而言,的標簽也是具有容器含義的,譬如標簽顧名思義就是尾部標簽,存放內容的結尾塊,標簽表示頭部。
前言
鑒于平時業務代碼寫多了,筆者對前端的一些基礎知識都開始生疏。有鑒于此,加上又到了一年一度的春招時間,在接下來的一段時間內筆者將對整個前端體系的知識進行一些梳理,同時會附帶上相關基礎知識中常見的面試題。在筆者復習的同時也希望能給準備春招的前端同學們提供一點點資料,共勉。
基本的HTML結構Document
如代碼所現,一般來講,一段基礎的HTML結構主要由兩大部分組成
head
body
head主要存放的是頁面的相關信息,比如場景的title標簽,meta信息標簽、style樣式等。
body顧名思義就是身體主軀干的意思,頁面所呈現的素材內容,就是存放在body里面,我們見到的頁面內容,都來自body。
代碼解讀html5頭部的第一句是文檔聲明,該聲明的作用是告訴瀏覽器用什么文檔標準解析HTML文檔,DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現。目前我們見到的大部分頁面都是HTML5標準文檔。
HTML5 不基于 SGML,因此不需要對DTD進行引用,但是需要doctype來規范瀏覽器的行為(讓瀏覽器按照它們應該的方式來運行);
HTML4.01基于SGML, 所以需要對DTD進行引用,其開頭的第一行是一個獨立的文檔聲明,才能告知瀏覽器文檔所使用的文檔類型。
(SGML:SGML是國際上定義電子文檔和內容描述的標準,大家了解即可)
此段代碼表示的是HTML的視窗大小,在響應式開發和移動開發中,這個代碼很重要,viewport就是設備的屏幕上能用來顯示我們的網頁的那一塊區域,上訴代碼就限定了網頁在不同端下的大小與縮放,具體的含義如下:
width:可視區域的寬度,值可為數字或關鍵詞device-width
height:同width
intial-scale:頁面首次被顯示是可視區域的縮放級別,取值1.0則頁面按實際尺寸顯示,無任何縮放
maximum-scale=1.0, minimum-scale=1.0;可視區域的縮放級別,
maximum-scale用戶可將頁面放大的程序,1.0將禁止用戶放大到實際尺寸之上。
user-scalable:是否可對頁面進行縮放,no 禁止縮放
大家看到這么多參數不用擔心,一般來講只需要了解即可,用到再查,無須死記硬背。
標準模式(嚴格模式)與兼容模式(混雜模式)上文說到瀏覽器解析HTML有兼容模式與標準模式兩種模式,那它們是什么呢,有什么區別?
標準模式: 瀏覽器用瀏覽器支持得最高標準解析HTML和運行JS
兼容模式:在未聲明DOCTYPE的情況下,為了保證頁面能正常工作,瀏覽器以寬松向后兼容的模式運行該網站,防止老式站點無法工作。
閉合標簽和自閉合標簽對于大部分HTML標簽而言,他們都是成對出現的,譬如
但是也有部分標簽不是成對出現的,稱之為自閉合標簽,譬如
我們可以看到他們后面自己帶了/結尾,但是在HTML5標準處理以后,更建議不寫/,如下
標簽語義化
一個網頁,做出來之后不僅僅是給人看的,同時也要讓機器(爬蟲)能夠讀懂上面的信息。這個時候就涉及到標簽的語義化。如果把每個HTML標簽比作一個容器,那么你書寫的內容就是你要存放到容器中的物品。舉個例子,在日常生活中,我們都知道鞋子就放在鞋柜里面,洗發水放在洗發水瓶里面,洗潔精放在洗潔精瓶子里面。我們根據瓶子就知道瓶子里面裝的是什么。
同理,對于HTML而言,HTML的標簽也是具有容器含義的,譬如footer標簽顧名思義就是尾部標簽,存放內容的結尾塊,header標簽表示頭部。合理地使用HTML標簽能讓機器更容易讀懂你的頁面信息。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/102346.html
摘要:什么是是的一種使用模式,可用于解決主流瀏覽器的跨域數據訪問的問題。由于同源策略,一般來說位于的網頁無法與不是的服務器溝通,而的元素是一個例外。利用元素的這個開放策略,網頁可以得到從其他來源動態產生的資料,而這種使用模式就是所謂的。 什么是jsonp JSONP(JSON with Padding)是JSON的一種使用模式,可用于解決主流瀏覽器的跨域數據訪問的問題。由于同源策略,一般來說...
摘要:前言微信小程序中可以直接運行頁面,這一新組件的產生,可能直接導致小程序數量迎來一波高峰。微信小程序配置系列問題配置域名業務域名中配置的就是小程序以及和中引用的域名。 今日勵志語 要接受自己行動所帶來的責任而非自己成就所帶來的榮耀。 前言 微信小程序中可以直接運行 web 頁面,這一新組件 web-view 的產生,可能直接導致小程序數量迎來一波高峰。本篇博文將從業務選型,微信小程序后臺...
閱讀 1537·2023-04-25 18:56
閱讀 1484·2021-09-29 09:34
閱讀 1710·2021-09-22 15:51
閱讀 3483·2021-09-14 18:03
閱讀 1160·2021-07-23 17:54
閱讀 2018·2019-08-29 18:38
閱讀 2900·2019-08-29 12:38
閱讀 610·2019-08-26 13:41