HTML相關(guān)

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

HTML超文本標記語言,用來描述網(wǎng)頁。語法要求較為松散。
XML可擴展標記語言,可自定義,通常用來傳送及攜帶數(shù)據(jù)
XHTML是根據(jù)HTML 4 和 XML 1.0重組而成。改進了HTML定義不規(guī)范,結(jié)構(gòu)不嚴謹?shù)娜秉c。它的語法更加嚴格,相對HTML的兼容性也不差。

HTML 語義化

HTML標簽就帶有一定的語義化成分。編寫代碼時明顯區(qū)分,標題是標題,段落是段落。將內(nèi)容結(jié)構(gòu)化,使代碼變得更加易讀,易維護;同時機器和爬蟲更加容易解析。

內(nèi)容與樣式分離的原則

在前端中,Html指的是結(jié)構(gòu);CSS指的是樣式;JavaScript指的是行為。

  • 寫 HTML 的時候先不管樣式, 重點放在HTML的結(jié)構(gòu)和語義化上,讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容。之后再去寫樣式。
  • HTML 內(nèi)不允許出現(xiàn)屬性樣式,盡量不要出現(xiàn)行內(nèi)樣式。
  • 寫 JS 的時候,盡量不要用 JS 去直接操作樣式,而是通過給元素添加刪除class來控制樣式變化。

常見的meta標簽

聲明文檔使用的字符編碼
<meta charset='utf-8' />

聲明文檔兼容模式,指示IE以目前可用的最高模式顯示內(nèi)容

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 關(guān)于X-UA-Compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
<meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->

定義針對搜索引擎的關(guān)鍵詞

<meta name="keywords" content="your tags">

5秒刷新一次頁面

<meta http-equiv="refresh" content="5"/>

禁用緩存

<meta http-equiv="pragma" content="no-cache">

文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html>

  • 文檔聲明用來告知瀏覽器當前文檔所使用的HTML或XHTML規(guī)范。
    是用來聲明當前文檔為html5的方法
  • 嚴格模式是指按照瀏覽器所支持的最高版本來實現(xiàn)效果;
  • 混雜模式則相反,盡可能向后兼容。使用老版本瀏覽器的顯示模式。

瀏覽器亂碼的原因以及解決方法

原因:一般是文檔沒有聲明自身編碼導(dǎo)致瀏覽器錯誤的使用了與文檔不同的解碼方式從而導(dǎo)致內(nèi)容無法正常顯示
解決:如果瀏覽器瀏覽時候出現(xiàn)網(wǎng)頁亂碼,在瀏覽器中找到轉(zhuǎn)換編碼的菜單調(diào)整。IE9瀏覽器:在需要轉(zhuǎn)碼的網(wǎng)頁空白出右鍵鼠標,選擇“編碼”。谷歌瀏覽器:在需要轉(zhuǎn)碼的網(wǎng)頁時,點擊右上角“三橫”圖標選擇“工具”-->“編碼”即可選擇切換網(wǎng)頁編碼

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

chrome、Safari、360極速瀏覽器以及搜狗瀏覽器高速模式使用WebKit內(nèi)核
IE、獵豹、360、搜狗、傲游、世界之窗、Avant、騰訊TT使用Trident內(nèi)核,又稱為IE內(nèi)核。
Firefox、Netscape6至9使用Gecko內(nèi)核。
Chrome(28及往后版本)、Opera(15及往后版本)和Yandex瀏覽器中使用Blink內(nèi)核

常見的標簽,并簡單介紹這些標簽用在什么場景

標簽 使用場景
<html>...</html> 定義了文檔的開始點和結(jié)束點
<a>..</a> 定義超鏈接
<img> 圖片
<meta>..</meta> 提供有關(guān)頁面的元信息
<tr>..</tr> 定義表格中的行
<h1>-<h6> 定義標題
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

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