html基礎知識

####HTML、XML、XHTML 有什麼區別

HTML，超文字標記語言，是語法較為鬆散的、不嚴格的Web語言；
XML，可擴充套件標記語言，主要用於儲存資料和結構參考；
XHTML，可擴充套件超文字標記語言，基於XML，作用與HTML類似，但語法更嚴格參考。

####HTML 語義化

根據內容的結構化（內容語義化），選擇合適的標籤（程式碼語義化）便於開發者閱讀和寫出更優雅的程式碼的同時讓瀏覽器的爬蟲和機器很好地解析。

####怎樣理解內容與樣式分離的原則

寫 HTML 的時候先不管樣式, 重點放在HTML的結構和語義化上，讓 HTML 能體現頁面結構或者內容。之後再去寫樣式。
寫 JS 的時候，儘量不要用 JS 去直接操作樣式，而是通過給元素新增刪除class來控制樣式變化。
HTML 內不允許出現屬性樣式，儘量不要出現行內樣式。

####有哪些常見的meta標籤

標籤	含義
	宣告文件使用'utf-8'字元編碼
	宣告文件相容模式,以最高模式渲染頁面
	定義針對搜尋引擎的關鍵詞
	頁面描述，針對搜尋引擎
	網頁作者
	定義頁面的最新版本
	5秒重新整理一次頁面
	用於設定網頁的到期時間，一旦過期則必須到伺服器上重新呼叫。需要注意的是必須使用GMT時間格式
	禁用快取
	cookie設定，如果網頁過期，存檔的cookie將被刪除。需要注意的也必須使用GMT時間格式。
	搜尋引擎索引方式

####文件宣告的作用?嚴格模式和混雜模式指什麼?<!doctype html> 的作用?

<!doctype html>宣告處在文件最前面，用於告知瀏覽器的解析器以什麼文件型別來規範解析這個文件。
嚴格模式的排版和js運作模式是以該瀏覽器支援的最高標準執行。
在混雜模式中，頁面以寬鬆的向後相容的方式顯示，模擬老式瀏覽器的行為以防止站點無法工作。
DOCTYPE不存在或格式不正確會導致文件以混雜模式呈現。

####瀏覽器亂碼的原因是什麼？如何解決

瀏覽器亂碼可能是因為文件編碼格式和瀏覽器開啟頁面時解碼格式不一致，造成的。
解決方法：設定標籤宣告文件使用的字元編碼

####常見的瀏覽器有哪些，什麼核心

瀏覽器	核心
chrome	Webkit
ie	Trident
Firefox	Gecko
Safari	Webkit
Opera	Presto

####常見的標籤及應用場景

h1~h6 標題，字型由大到小
p 段落
a 連結
img 圖片
div 語義為“一大塊”，用於給頁面劃分割槽塊，讓結構更清晰
ul li 無序列表
ol li 有序列表
dl dt dd 用於展示一系列 “標題:內容... ”的場景

<dl>
    <dt>商品名稱:</dt>
    <dd>青花瓷</dd>
    <dt>特徵:</dt>
    <dd>白色</dd>
    <dd>圓口</dd>
    <dt>商品介紹</dt>
    <dd>這是一個年代久遠的瓷器，很貴，易碎  </dd>
</dl>
複製程式碼

button 按鈕 -strong em

em 需要強調一下 strong 很重要、強調性更強

iframe 用於嵌入一個頁面注意跨域操作問題
table 表格

html基礎知識

相關文章