有關(guān)HTML常被問到的知識(shí)點(diǎn)

  • HTML、XML、XHTML 有什么區(qū)別?

  1. HTML即是超文本標(biāo)記語言（Hyper Text Markup Language），是最早寫網(wǎng)頁的語言，但是由于時(shí)間早，規(guī)范不是很好，大小寫混寫且編碼不規(guī)范,是語法較為松散的、不嚴(yán)格的Web語言
  1. XHTML是升級(jí)版的html（Extensible Hyper Text Markup Language），對(duì)html進(jìn)行了規(guī)范，編碼更加嚴(yán)謹(jǐn)純潔，也是一種過渡語言，html向xml過渡的語言。實(shí)際上XHTML 與 HTML 4.01 標(biāo)準(zhǔn)沒有太多的不同。
  2. XML是可擴(kuò)展標(biāo)記語言（Extensible Markup Language），是一種跨平臺(tái)語言，編碼更自由，可以自由創(chuàng)建標(biāo)簽（
    比如像下面這樣創(chuàng)建：
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

），主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)，可擴(kuò)展

HTML和XML的區(qū)別：

  • XML 被設(shè)計(jì)用來傳輸和存儲(chǔ)數(shù)據(jù)，其焦點(diǎn)是數(shù)據(jù)的內(nèi)容。
  • HTML 被設(shè)計(jì)用來顯示數(shù)據(jù)，其焦點(diǎn)是數(shù)據(jù)的外觀。
  • HTML 旨在顯示信息，而 XML 旨在傳輸信息。
  • XML在定義標(biāo)記時(shí)區(qū)分大小寫，而HTML標(biāo)記不區(qū)分大小寫。

HTML和XHTML的區(qū)別：

  • XHTML 元素必須被正確地嵌套。

例如：XHTML必須要這樣<b><i>This text is bold and italic</i></b>
而在 HTML 中，某些元素可以像這樣彼此不正確地嵌套：
<b><i>This text is bold and italic</b></i>

  • XHTML 元素必須被關(guān)閉。

例如<p>This is a paragraph</p>===>>這是正確的
<p>This is a paragraph===>>這是錯(cuò)誤的

  • 標(biāo)簽名必須用小寫字母。

例如: <p>This is a paragraph</p>==>>這是正確的
<P>This is a paragraph</P>===>>這是錯(cuò)誤的

  • XHTML 文檔必須擁有根元素。

所有的 XHTML 元素必須被嵌套于 <html> 根元素中

  • 怎樣理解 HTML 語義化?

HTML語義化是讓大家直觀的認(rèn)識(shí)標(biāo)簽(markup)和屬性(attribute)的用途和作用，選擇合適的標(biāo)簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析，并且便于團(tuán)隊(duì)開發(fā)和維護(hù)。

  • 怎樣理解內(nèi)容與樣式分離的原則?

寫 HTML 的時(shí)候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語義化上，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容。之后再去寫樣式。
寫 JS 的時(shí)候，盡量不要用 JS 去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化。
文檔結(jié)構(gòu)與文檔樣式的分離可以確保網(wǎng)頁的平穩(wěn)退化，也讓內(nèi)容和樣式在可以分開獨(dú)立編輯。

  • 有哪些常見的meta標(biāo)簽?

  • 指定字符集
    <meta charset="utf-8">
  • 向搜索引擎說明你的網(wǎng)頁的關(guān)鍵詞
    <meta name="keywords" content="">
  • 告訴搜索引擎你的站點(diǎn)的主要內(nèi)容
    <meta name="description" content="">
  • 告訴搜索引擎你的站點(diǎn)的制作的作者
    <meta name="author" content="your name">
  • 響應(yīng)式頁面
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  • 定時(shí)讓網(wǎng)頁在3秒內(nèi)跳轉(zhuǎn)到mozilla首頁(http-equiv 屬性為名稱/值對(duì)提供了名稱。并指示服務(wù)器在發(fā)送實(shí)際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對(duì)。)
    <meta http-equiv="refresh" content="3" url=https://www.mozilla.org">
  • 如果安裝了GCF (Google Chrome Frame)，則使用GCF來渲染頁面 ("chrome=1"), 如果沒有安裝GCF，則使用最高版本的IE內(nèi)核進(jìn)行渲染 ("IE=edge")。X-UA-Compatible(瀏覽器采取何種版本渲染當(dāng)前頁面)
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  • 瀏覽器的內(nèi)核控制
    <meta name="renderer" content="webkit|ie-comp|ie-stand">

  • 文檔聲明的作用?

文檔聲明用來告知瀏覽器當(dāng)前文檔所使用的類型，讓瀏覽器解析器知道要用什么規(guī)范來解析文檔。

  • 嚴(yán)格模式和混雜模式指什么?

在嚴(yán)格模式中，瀏覽器以其支持的最高標(biāo)準(zhǔn)呈現(xiàn)頁面。
在混雜模式中，又稱怪異模式或兼容模式，瀏覽器用自己的方式解析代碼，頁面以一種比較寬松的向后兼容的方式顯示。混雜模式通常模擬老式瀏覽器的行為以防止老站點(diǎn)無法工作。

  • <!doctype html> 的作用?

它是html5標(biāo)準(zhǔn)網(wǎng)頁聲明,告訴瀏覽器用最新的 HTML5標(biāo)準(zhǔn)來解析渲染頁面；如果不寫，瀏覽器就會(huì)進(jìn)入混雜模式。

  • 瀏覽器亂碼的原因是什么？如何解決？

亂碼產(chǎn)生的根本原因是保存的編碼格式和瀏覽器解析時(shí)的解碼格式不匹配導(dǎo)致的。
解決方式： 寫代碼的時(shí)候在html 的 <head>里添加<meta charset='xxx'>并且保存的時(shí)候仍選擇同樣的編碼方式。

  • 常見的瀏覽器有哪些？什么內(nèi)核？

  • Internet explorer 使用的是Trident
  • Firefox使用的是Gecko。
  • opera之前使用的是Presto，后來用Blink
  • 蘋果的Safari，谷歌的Chrome使用的是WebKit，還有國(guó)產(chǎn)的大部分雙核瀏覽器其中一核就是WebKit。

  • 列出常見的標(biāo)簽，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景？

標(biāo)簽 運(yùn)用場(chǎng)景
<html> HTML 頁面的根元素
<body> 文檔的內(nèi)容
<head> 用于定義文檔的頭部
<meta> 提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁面上，被瀏覽器解析
<title> 文檔的標(biāo)題
<h1>-<h6> 定義了一級(jí)標(biāo)題到六級(jí)標(biāo)題，標(biāo)題字體大小逐漸減弱
<p> 定義一個(gè)段落
<a> 網(wǎng)頁鏈接
<div> 塊級(jí)元素，它可用于組合其他 HTML 元素的容器,沒有特定的含義
<span> 內(nèi)聯(lián)元素，也沒有特定的含義，可用作文本的容器
<u> 下劃線
<em> 強(qiáng)調(diào)文本
<strong> 加重文本
<ol> 有序列表
<ul> 無序列表
<li> 定義列表項(xiàng)目
<img> 圖片
<br > 換行
<input> 定義輸入控件
<i> 斜體字
<table> 定義表
<tr> 定義表格中的行
<td> 定義表中的單元格
<th> 定義表格的表頭
<tbody> 定義表格的主體
<tfoot> 定義表格的頁腳
<hr> 創(chuàng)建一條水平線
<iframe> 定義內(nèi)聯(lián)框架
<cite> 定義作品的標(biāo)題
<button> 按鈕
<b> 定義粗體文本
<form> 定義用于用戶輸入的HTML表單
<caption> 定義表標(biāo)題
<footer> 定義文檔或節(jié)的頁腳
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容