整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
么是HTML：
HTML： 超文本標記語言，標準通用標記語言下的一個應用。
“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
超文本標記語言的結構包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關于網頁的信息，“主體”部分提供網頁的具體內容。
超級文本標記語言的定義又是什么：
超級文本標記語言是標準通用標記語言下的一個應用，也是一種規范，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，然后根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對于不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。
網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。
HTML特點：超級文本標記語言文檔制作不是很復雜，但功能強大，支持不同數據格式的文件鑲入，這也是萬維網（WWW）盛行的原因之一，其主要特點如下：
什么是CSS：
CSS：層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。
CSS特點：CSS為HTML標記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。
總體來說，CSS具有以下特點：
如何從0掌握HTML與CSS：（點擊下方“了解更多”，記得收藏）
（課程從基礎語法入門，講解了HTML的常用標簽，表單，排版等實用技術，同時深入講解了CSS樣式表的使用和如何使用DIV CSS設計網頁布局。同時還介紹CSS3.0的新特性，陰影，圓角邊框等實用案例?？梢詭椭慊A小白掌握HTML使用和CSS的使用）
信的規則進行了調整
希望大家看完故事多點“在看”，喜歡的話也點個分享和贊
這樣事兒君的推送才能繼續出現在你的訂閱列表里
才能繼續跟大家分享每個開懷大笑或拍案驚奇的好故事啦~
話說，很多人都喜歡用寶石來作為自己時尚的搭配。
在美國有這么一位名叫利爾·烏茲·弗特（Lil Uzi Vert）的說唱歌手，他最近就買到了一顆巨大的粉鉆來裝飾自己。
但跟別人不一樣的是，他沒有把寶石做成項鏈、戒指一類的首飾，而是直接把寶石鑲在自己的頭上……
事情是這么一回事，
在1月31日，烏茲發了一條推特，慶祝自己終于買下了一顆10-11克拉的粉鉆：
“最近幾年，我一直在從某寶石品牌那分期購買一顆粉鉆。
這鉆石太貴了，從我2017年第一次看到它，到現在，我才終于把錢付齊。
現在啊，我這臉可老值錢了！”
在這里先簡單的介紹一下，
這個烏茲先生，其實是一位很成功的說唱歌手。
專輯銷量驚人，歌曲也總能登上排行榜，
而且他的生活也并不缺錢，
擁有好幾輛二次元跑車，
在夏威夷住著別墅……
就這樣一名著名的Rapper，硬是分了3年才買下這一顆粉鉆。
大家猜猜這粉鉆得值多少錢？
2400萬，美元。
根據烏茲的說法，這鉆石比他的房子和車加起來都要貴。
“所以，這鉆石比你那一堆車都貴？”
“是啊，比我的布加迪還貴呢。大概是我所有車再加上房子的價值。
所以我才湊了3年錢啊?！?/p>
而在買到這顆鉆石之后，不知道烏茲是出于什么樣的考慮，
總之他沒有拿鉆石來做項鏈或者戒指，而是直接把石頭鑲嵌到自己的額頭上，
當一個名副其實的“首飾”。
而且他還特意開直播分享他的新“首飾”。
在視頻里他介紹說，
現在他是把額頭扎了個洞，然后把鉆石別在上面了。
現在鉆石還會左右晃，沒有固定牢，
等額頭消腫之后，他會再扎個洞，來固定住這顆鉆石。
（烏茲在晃動鉆石）
過了一天，烏茲又發了個視頻顯擺自己的鉆石。
只見車里一片漆黑，只有額頭上的鉆石在閃閃發光……特別明顯……
怎么說呢，
雖然有錢人的愛好跟我們都不太一樣，但烏茲這個，也太別致了……
網友們真的是沒辦法理解，于是紛紛開起了吐槽模式：
“鉆石沒跟你鼻子對齊??！難受死我了！”
“這哥們兒真就花了2400萬美元，買了塊他看不見的石頭？”
更多的網友在看到烏茲的樣子后，立刻想到了漫威超級英雄電影里，被滅霸摳了寶石的幻視：
“等你遇到搶劫的時候就是這樣的：”
“上一個這么玩的已經褪色了：”
也有網友表示，把2400萬美元戴在臉上，是不是太招搖了？
“兄弟，你下次見面會是啥時候？（我準備好鎬子挖礦了）”
“沒錯，我們現在流行把錢曬腦門兒上！”
另外呢，因為烏茲本人是一個資深二次元，
所以還有不少網友用動漫人物調侃他：
比如《口袋妖怪》里的寶石海星：
（“我這小老弟進化成寶石海星了?。?！”）
還有烏茲最愛的漫畫，《火影忍者》，
（“生活脫胎于藝術”）
除此之外還有經典的JoJo梗：
還有網友聯想到了《瑞奇與莫迪》中的某一集，
但無論網友們怎么說，
烏茲對于他的這個新首飾顯然是很滿意的。
他還在社交平臺上發了自己最近戴著鉆石錄音的照片，
表示自己在腦袋上開了個洞之后腦洞大開，創意無限……
咋說呢，雖然人家沒偷沒搶，不應該嘲笑人家，但還是得說一句，有錢人的玩法真的讓人難以理解啊……
ref：
https://twitter.com/LILUZIVERT/status/1357140185222434816
https://www.dailymail.co.uk/news/article-9220821/Rapper-Lil-Uzi-Vert-gets-11-karat-pink-diamond-worth-upwards-24million-pierced-FOREHEAD.html
--------------------
北雁兮南飛：可以的，二郎神了啦！
快扶本座去看喵星人：像我這種睡覺不老實的，已經可以想象到，趴著睡時，鉆勾到我外婆縫被子的線而扯出血了
sychopathicCrush13：很好奇會不會有人想要鉆石直接把他的頭砍下來
上海第一小狗餅干：為了riri他要shine bright like a diamond
一頓喝牛奶喝一斤：這個鑲嵌的位置設定好像喪尸啊，變異了之后就是可以提高身體上限的尸晶
BrandonFlynn資訊：我覺得還挺好看，一定是金錢迷失了我雙眼
TML稱為超文本標記語言，是一種標識性的語言。在前端開發中離不開HTML，支持不同數據格式的文件鑲入。前端工程師在面試過程中涉及到一些基礎知識，常見的前端HTML面試題有哪些呢？本文，千鋒武漢Web前端培訓小編分享12道經典的HTML面試題給大家！
1、<image>標簽上title屬性與alt屬性的區別是什么？
alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明的。且長度必須少于100個英文字符或者用戶必須保證替換文字盡可能的短。
這包括那些使用本來就不支持圖像顯示或者圖像顯示被關閉的瀏覽器的用戶，視覺障礙的用戶和使用屏幕閱讀器的用戶等。
title屬性為設置該屬性的元素提供建議性的信息。使用title屬性提供非本質的額外信息。參考《alt和title屬性的區別及應用》
2、分別寫出以下幾個HTML標簽：文字加粗、下標、居中、字體
加粗：<b>、<strong>
下標：<sub>
居中：<center>
字體：<font>、<basefont>、參考《HTML標簽列表》
3、請寫出至少5個html5新增的標簽，并說明其語義和應用場景
section：定義文檔中的一個章節
nav：定義只包含導航鏈接的章節
header：定義頁面或章節的頭部。它經常包含 logo、頁面標題和導航性的目錄。
footer：定義頁面或章節的尾部。它經常包含版權信息、法律信息鏈接和反饋建議用的地址。
aside：定義和頁面內容關聯度較低的內容——如果被刪除，剩下的內容仍然很合理。
參考《HTML5 標簽列表》
4、請說說你對標簽語義化的理解？
a. 去掉或者丟失樣式的時候能夠讓頁面呈現出清晰的結構
b. 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標簽來確定上下文和各個關鍵字的權重；
c. 方便其他設備解析（如屏幕閱讀器、盲人閱讀器、移動設備）以意義的方式來渲染網頁；
d. 便于團隊開發和維護，語義化更具可讀性，遵循W3C標準的團隊都遵循這個標準，可以減少差異化。
5、Doctype作用? 嚴格模式與混雜模式如何區分？它們有何意義?
聲明位于文檔中的最前面，處于 標簽之前。告知瀏覽器以何種模式來渲染文檔。
嚴格模式的排版和 JS 運作模式是，以該瀏覽器支持的最高標準運行。
在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。
DOCTYPE不存在或格式不正確會導致文檔以混雜模式呈現。
6、你知道多少種Doctype文檔類型？
標簽可聲明三種 DTD 類型，分別表示嚴格版本、過渡版本以及基于框架的 HTML 文檔。
HTML 4.01 規定了三種文檔類型：Strict、Transitional 以及 Frameset。
XHTML 1.0 規定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。
Standards （標準）模式（也就是嚴格呈現模式）用于呈現遵循最新標準的網頁，
Quirks（包容）模式（也就是松散呈現模式或者兼容模式）用于呈現為傳統瀏覽器而設計的網頁。
7、HTML與XHTML——二者有什么區別
a. XHTML 元素必須被正確地嵌套。
b. XHTML 元素必須被關閉。
c. 標簽名必須用小寫字母。
d. XHTML 文檔必須擁有根元素。
參考《XHTML 與 HTML 之間的差異》
8、html5有哪些新特性、移除了那些元素？
a. HTML5 現在已經不是 SGML 的子集，主要是關于圖像，位置，存儲，多任務等功能的增加。
b. 拖拽釋放(Drag and drop) API
c. 語義化更好的內容標簽（header,nav,footer,aside,article,section）
d. 音頻、視頻API(audio,video)
e. 畫布(Canvas) API
f. 地理(Geolocation) API
g. 本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉后數據不丟失
h. sessionStorage 的數據在頁面會話結束時會被清除
i. 表單控件，calendar、date、time、email、url、search
j. 新的技術webworker, websocket等
移除的元素：
a. 純表現的元素：basefont，big，center, s，strike，tt，u；
b. 對可用性產生負面影響的元素：frame，frameset，noframes；
9、iframe的優缺點？
優點：
a. 解決加載緩慢的第三方內容如圖標和廣告等的加載問題
b. iframe無刷新文件上傳
c. iframe跨域通信
缺點：
a. iframe會阻塞主頁面的Onload事件
b. 無法被一些搜索引擎索引到
c. 頁面會增加服務器的http請求
d. 會產生很多頁面，不容易管理。
參考《iframe的一些記錄》
10、Quirks模式是什么？它和Standards模式有什么區別？
在寫程序時我們也會經常遇到這樣的問題，如何保證原來的接口不變，又提供更強大的功能，尤其是新功能不兼容舊功能時。IE6以前的頁面大家都不會去寫DTD，所以IE6就假定 如果寫了DTD，就意味著這個頁面將采用對CSS支持更好的布局，而如果沒有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。
區別：總體會有布局、樣式解析和腳本執行三個方面的區別。
a. 盒模型：在W3C標準中，如果設置一個元素的寬度和高度，指的是元素內容的寬度和高度，而在Quirks 模式下，IE的寬度和高度還包含了padding和border。
b. 設置行內元素的高寬：在Standards模式下，給等行內元素設置wdith和height都不會生效，而在quirks模式下，則會生效。
c. 設置百分比的高度：在standards模式下，一個元素的高度是由其包含的內容來決定的，如果父元素沒有設置百分比的高度，子元素設置一個百分比的高度是無效的用
d. 設置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會失效。
11、請闡述table的缺點
a. 太深的嵌套，比如table>tr>td>h3，會導致搜索引擎讀取困難，而且，最直接的損失就是大大增加了冗余代碼量。
b. 靈活性差，比如要將tr設置border等屬性，是不行的，得通過td
c. 代碼臃腫，當在table中套用table的時候，閱讀代碼會顯得異?；靵y
d. 混亂的colspan與rowspan，用來布局時，頻繁使用他們會造成整個文檔順序混亂。
e. 不夠語義
參考《為什么說table表格布局不好？》
12、簡述一下src與href的區別
src用于替換當前元素；href用于在當前文檔和引用資源之間確立聯系。
src是source的縮寫，指向外部資源的位置，指向的內容將會嵌入到文檔中當前標簽所在位置
href是Hypertext Reference的縮寫，指向網絡資源所在位置，建立和當前元素（錨點）或當前文檔（鏈接）之間的鏈接
以上千鋒武漢Web前端培訓小編僅介紹了部分HTML面試題及答案。如果想要在眾多競爭者中脫穎而出，除了專業技能還需要掌握一些求職面試的技巧，在面試過程中爭取更多的主動權。了解更多Web前端工程師求職面試技巧，你可以關注“武漢千鋒”微信公眾號，定期發布技術熱點文章和求職指南。你也可以來千鋒武漢Web前端培訓班免費試聽兩周，親身感受教學效果，滿意后進行系統深入的學習進階！
千鋒武漢Web前端培訓課程結合時下流行技術，以實戰項目驅動教學，除了培養學員的開發技術，覆蓋熱門大數據可視化內容，深度貫穿前端后端開發，緊貼主流企業一線需求。這里有專業老師帶你，最多半年的時間讓你完美蛻變。進名企、拿高薪不再是問題，命運掌握在自己的手里，想要什么樣的人生就看你自己的選擇了！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
