1HTML XML XTML有什么區(qū)別
-
HTML是超文本標(biāo)記語言，語法較其他兩種不太嚴(yán)格（可以有大小寫），最常見的WEB語言 -
XML可擴展標(biāo)記語言，主要用于數(shù)據(jù)存儲。 -
XHTML可擴展超文本標(biāo)記語言，基于XML，比HTML更嚴(yán)格（不能大小寫混用，單標(biāo)簽必須加/等）
2怎么樣理解HTML語義化
- 語義化標(biāo)簽使頁面結(jié)構(gòu)更清晰，更方便開發(fā)法人員查看，更方便計算機，瀏覽器讀取。
- 對SEO搜索引擎優(yōu)化有很大好處
- 對特殊人群友善。
- 這是WEB前端的一個標(biāo)準(zhǔn)需要我們?nèi)プ裱臇|西
3怎樣理解內(nèi)容與樣式分離
在一個網(wǎng)頁中，內(nèi)容，樣式，行為分別由html css JavaScript來控制
- 在寫html時重點放在結(jié)構(gòu)和語義化上，讓HTML本身能體現(xiàn)出頁面的結(jié)構(gòu)，框架。
- 而用CSS單獨控制樣式，這樣的話如果頁面風(fēng)格要變，但是結(jié)構(gòu)不變，只需要在CSS中修改就可以，
- 這就是為什么HTML CSS需要分開的原因，就是說不要出現(xiàn)行內(nèi)樣式
- 不要用JS去操作樣式這樣的話修改樣式還需要去修改js不是一個效率手段
4有哪些常見的mete標(biāo)簽
| 常用meta | 對應(yīng)含義 |
|---|---|
<mata charset="utf-8"> |
聲明文檔使用的字符編碼 |
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> |
聲明文檔兼容模式，指示IE以目前可用的最高模式顯示內(nèi)容 |
<meta name="keywords" content="your tags"> |
定義針對搜索引擎的關(guān)鍵詞 |
<meta name="description" content="不超過850個字符"> |
頁面描述，告訴搜索引擎你的站點的主要內(nèi)容 |
<meta name="author" content="你的姓名"> |
定義網(wǎng)頁作者 |
<meta name="revised" content="David, 2008/8/8/" /> |
定義頁面的最新版本 |
<meta http-equiv="refresh" content="5"/> |
5秒刷新一次頁面 |
<meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> |
用于設(shè)定網(wǎng)頁的到期時間，一旦過期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時間格式 |
<meta http-equiv="pragma" content="no-cache"> |
禁用緩存 |
<meta http-equiv="set-cookie" content="Mon, 12 May 2001 00:20:00 GMT"> |
cookie設(shè)定，如果網(wǎng)頁過期，存盤的cookie將被刪除。需要注意的也必須使用GMT時間格式。 |
<meta name="robots" content="index,follow" /> |
搜索引擎索引方式 |
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html>
1.<!DICTYPE>聲明位于文檔中的最前面，處于<html>標(biāo)簽之前，告訴瀏覽器如何解析這個文檔，用什么文檔類型來規(guī)范解析
2.嚴(yán)格模式的排版和js運作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運行
3.在混雜模式中，頁面以寬松的向后兼容的方式顯示，模擬老式瀏覽器的行為以防止站點無法工作
DOCTYPE不存在 或格式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)
瀏覽器亂碼的原因是什么？如何解決
- 瀏覽器編碼方式和文檔編碼方式不一樣會出現(xiàn)亂碼
文檔保存的編碼方式要和meta聲明的一樣 所以head里一定要有meta
常見的瀏覽器有哪些，什么內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| Internet Explorer | IE內(nèi)核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chrome | Webkit |
| 國內(nèi)大部分 | IE內(nèi)核 |
列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景
| 標(biāo)簽 | 使用場景 |
|---|---|
head標(biāo)簽 |
head標(biāo)簽是頁面的“頭部”， 一般來說，只有6個標(biāo)簽?zāi)芊旁?lt;head>標(biāo)簽內(nèi)：<title>、<meta>、<link>、<style>、<script>、<base> |
body標(biāo)簽 |
body標(biāo)簽是頁面的“身體” |
h1~h6標(biāo)簽 |
設(shè)置不同的標(biāo)題 |
p標(biāo)簽 |
使用p標(biāo)簽來標(biāo)記一段文字 |
<br/>標(biāo)簽 |
換行 |
div |
一大塊，用來構(gòu)建頁面結(jié)構(gòu) |
ul li |
無序列表 |
ol li |
有序列表 |
img |
圖像 |
