HTML是什么,和XML、XHTML 有什么區別?
HTML(HyperText Markup Language),超文本標記語言,是語法較為松散的、不嚴格的Web語言;
XML(Extensible Markup Language),可擴展標記語言,主要用于存儲數據和結構;
XHTML(Extensible HyperText Markup Language),可擴展超文本標記語言,基于XML,作用與HTML類似,但語法更嚴格。
怎樣理解 HTML 語義化
HTML語義化,也就是標簽的語義化,指的是通過標簽便能判斷內容具
體語言含義。例如,瀏覽器可以根據h1標簽判斷出標簽包含的內容是標
題,根據p標簽可以判斷出內容是段落等。
HTML 語義化可以使內容結構化,選擇使用合適的標簽,使代碼更加規范,方便開發者閱讀,利于瀏覽器爬蟲爬取內容,利于SEO優化,方便其他設備解析,更利于后期開發及維護。
怎樣理解內容與樣式分離的原則
內容與樣式分離,就是讓內容的歸 HTML, 樣式歸 CSS, 不要混著用。
HTML負責網頁內容(結構)部分,樣式則負責了頁面的展示效果。內容與樣式分離使得內容和樣式各自只負責自己的部分,更重要的是分離增強了機器的可讀性,使得機器能更好地理解頁面內容。
有哪些常見的meta標簽
mata charset:聲明文檔使用的字符編碼。
meta http-equiv:聲明文檔兼容模式。
meta http-equiv="keywords" content="keyword":設置搜索關鍵詞。
meta name="description" content="web":網頁內容描述。
meta name="author" content="author,email address":聲明網頁作者。
文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
<!doctype>標簽用來聲明文檔對象模型,用來告訴瀏覽器應該使用哪種方式來解析渲染頁面。
嚴格模式就是使用<!doctype>標簽來顯式聲明該用哪種方式來渲染頁面,混雜模式即不加<!doctype>標簽,允許瀏覽器使用自己的方式來渲染頁面。
<!doctype html>即就是聲明使用HTML5來解析渲染頁面。
瀏覽器亂碼的原因是什么?如何解決
瀏覽器出現亂碼一般是由于在制作頁面時使用非英文字符時,保存的編碼格式與瀏覽器解析時的解碼格式不匹配。另外,頁面沒有設置chartset也會發生亂碼的情況。
為了解決這個問題,就要在頁面保存時就在HTML的<head>里添加<meta charset="">來聲明編碼格式,來告訴瀏覽器應該用什么解碼格式來解碼,例如使用UTF-8來編碼的頁面,添加<meta charset="UTF-8">來告訴瀏覽器使用UTF-8格式來解碼,就不會出現亂碼了。
常見的瀏覽器有哪些,什么內核
常見瀏覽器有IE、Chrome、Opera、Firefox和Safari。
Chrome 、Opera、Safari內核為WebKit;
IE瀏覽器 內核為Trident;
Firefox 內核為Gecko;
國內大多數雙核瀏覽器內核為WebKit、Trident。
列出常見的標簽,并簡單介紹這些標簽用在什么場景
h1~h6:標題標簽,應用于頁面標題或區塊標題標簽,字體大小逐級減小,重要程度也逐級減小;
p:段落標簽,用于文字中的段落;
a:鏈接標簽,有href, target, title等屬性,使用場景有:超鏈接挑戰、設置頁面錨點、發送電子郵件等;
img:圖片標簽,用于設置圖片;
div:塊標簽,用于劃分頁面結構區塊;
ul, li:無序列表標簽,用于定義列表;
ol, li:有序列表標簽,用于定義帶步驟或編號列表;
dl, dt, dd:自定義列表標簽,用于展示一系列的“標題,內容”等;
button:按鈕標簽,用于定義一個按鈕;
strong和em:強調效果,strong更強烈;
iframe:用于嵌入一個頁面;
table, tr, td:表格標簽,用表格來展示數據時使用, tr代表行,td代表單元格;
:注釋標簽,用于在頁面上添加注釋。
需要注意的地方:
標簽屬性全小寫
標簽要閉合、自閉合標簽可以省略 /
標題里不能有段落,段落里不能有標題