關(guān)于HTML的一些問題和理解

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

1 、HTML(HyperText Mark-up Language)即[超文本標(biāo)記語言]或超文本鏈接標(biāo)示語言,是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言,也是構(gòu)成網(wǎng)頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部(Head)、主體(Body)兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。有以下特點(diǎn)：

  • 對大小寫不敏感
  • 標(biāo)簽不必成對出現(xiàn)

2 、XHTML是一個基于XML的置標(biāo)語言，看起來與HTML有些相象，只有一些小的但重要的區(qū)別，XHTML就是一個扮演著類似HTML的角色的XML，所以，本質(zhì)上說，XHTML是一個過渡技術(shù)，結(jié)合了部分XML的強(qiáng)大功能及大多數(shù)HTML的簡單特性。
特點(diǎn)：

  • 對大小寫敏感，必須是小寫的；
  • 標(biāo)簽必須成對出現(xiàn)，有開始標(biāo)簽就必須有結(jié)束標(biāo)簽；
  • 屬性值必須在引號之內(nèi)；
  • 不支持屬性最小化：
  • eg：正確：<input checked='checked'>
    -錯誤：<input checked>
    -name屬性不贊成使用，以后會被淘汰；
  • 空元素也要結(jié)束標(biāo)簽：如：
    ,
    (水平分割線)

3 、XML是用戶創(chuàng)建特定語言如HTML的一種通用語言。它是指XML提供一種基本結(jié)構(gòu)以及標(biāo)記語言必須遵守的一組規(guī)則。使用XML可以創(chuàng)建一種獨(dú)特的標(biāo)記語言來描述任何一種信息，包括網(wǎng)頁。XML提供了基礎(chǔ)規(guī)則，以統(tǒng)一的方式來組織信息。XML并不是HTML的代替品，HTML是相對不那么結(jié)構(gòu)話的語言，它可以從XML的規(guī)則得到改進(jìn)。這兩種技術(shù)的自然結(jié)合，使HTML遵守XML的規(guī)則和結(jié)構(gòu)。為實(shí)現(xiàn)這種結(jié)合，出現(xiàn)了一種新版的HTML，即XHTML。html最終會發(fā)展到xml，xhtml是html想xml發(fā)展的一個過渡，xhtml的特性也適合xml；

怎樣理解 HTML 語義化？

語義化 HTML 就是選擇合適的標(biāo)簽、使用合理的代碼結(jié)構(gòu)來編寫HTML的方式，使代碼更具可讀性，也使得瀏覽器的爬蟲和機(jī)器能對代碼更好地解析。
要實(shí)現(xiàn)HTML的語義化，就要求開發(fā)者掌握常用的HTML標(biāo)簽，理解各種標(biāo)簽所代表的含義，在不同的場景能使用合適的標(biāo)簽，盡量不使用沒有語義信息的標(biāo)簽。
語義化帶來的是更清晰的頁面結(jié)構(gòu)，使頁面可讀性更強(qiáng)；更清晰的代碼結(jié)構(gòu)，更利于開發(fā)團(tuán)隊(duì)的開發(fā)和維護(hù)；更好的適應(yīng)性，可以支持更多的設(shè)備的不同表現(xiàn)形式；與機(jī)器更良好的溝通，使瀏覽器更容易渲染表現(xiàn)，也使搜索引擎更容易獲取有效信息。

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

一個符合理想狀態(tài)下的網(wǎng)頁代碼，應(yīng)該分成三部分：.html文件，.css文件，.js文件。html標(biāo)簽只負(fù)責(zé)承擔(dān)內(nèi)容，樣式交給css，javascript負(fù)責(zé)行為。假如不能將css設(shè)做獨(dú)立文件外鏈出去，則應(yīng)該在html頁面中使用<style>或者<script>標(biāo)簽承載內(nèi)容，而不是用<table>設(shè)計(jì)布局。這樣做有以下幾個優(yōu)點(diǎn)：　　
1 、使頁面載入得更快。由于將大部分頁面代碼寫在了CSS當(dāng)中，使得頁面體積容量變得更小。相對于表格嵌套的方式的逐層加載速度快?！　?br> 2 、 修改設(shè)計(jì)時更有效率在修改頁面的時候更加容易省時。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID，使得修改頁面的時候更加方便，也不會破壞頁面其他部分的布局樣式。而表格布局則更不省事?！　?br> 3 、保持視覺的一致性。DIV+CSS最重要的優(yōu)勢之一：保持視覺的一致性；以往表格嵌套的制作方法，會使得頁面與頁面，或者區(qū)域與區(qū)域之間的顯示效果會有偏差?！　?br> 4 、更好地被搜索引擎收錄。由于將大部分的HTML代碼和內(nèi)容樣式寫入了CSS文件中，這就使得網(wǎng)頁中代碼更加適合搜索引擎?！　?br> 5 、對瀏覽者和瀏覽器更具親和力。對瀏覽者和瀏覽器更具親和力，由于CSS富含豐富的樣式，使頁面更加靈活性，更加的美觀，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形。

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

META標(biāo)簽可分為兩大部分：HTTP-EQUIV和NAME變量。
頁面關(guān)鍵詞
　　<meta name="keywords" content="your tags" />

頁面描述
　　<meta name="description" content="150 words" />

搜索引擎索引方式
　　<meta name="robots" content="index,follow" />
　　

頁面重定向和刷新
　　<meta http-equiv="refresh" content="0;url=" />

其他
　　<meta name="author" content="author name" />
　　<meta name="google" content="index,follow" />
　　<meta name="googlebot" content="index,follow" />
　　<meta name="verify" content="index,follow" />

移動設(shè)備
　　<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
　　

WebApp全屏模式
　　<meta name="apple-mobile-web-app-capable" content="yes" />

隱藏狀態(tài)欄/設(shè)置狀態(tài)欄顏色
　　<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

添加到主屏后的標(biāo)題
　　<meta name="apple-mobile-web-app-title" content="標(biāo)題">

忽略數(shù)字自動識別為電話號碼
　　<meta content="telephone=no" name="format-detection" />

忽略識別郵箱
　　<meta content="email=no" name="format-detection" />

申明編碼
　　<meta charset='utf-8' />

優(yōu)先使用 IE 最新版本和 Chrome
　　<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
　　
　　<meta http-equiv="X-UA-Compatible" content="IE=6" >
　　<meta http-equiv="X-UA-Compatible" content="IE=7" >
　　<meta http-equiv="X-UA-Compatible" content="IE=8" >

禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問頁面內(nèi)容
　　<meta http-equiv="Pragma" content="no-cache">
瀏覽器不會自動調(diào)整文件的大小,也就是說是固定大小,不會隨著瀏覽器拉伸縮放。
<meta name="MobileOptimized" content="240"/>

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

  • 文檔聲明用來說明web設(shè)計(jì)中所用的html或xhtml的類型，指出瀏覽器或者其他閱讀程序按照什么樣的規(guī)則（W3C所發(fā)布的一個文檔類型定義即DTD）集去解釋文檔中的標(biāo)記。

  • 嚴(yán)格模式是瀏覽器根據(jù)web標(biāo)準(zhǔn)去解析頁面，是一種要求嚴(yán)格的DTD，不允許使用任何表現(xiàn)層的語法，如
    。

  • 混雜模式則是一種向后兼容的解析方法，說的透明點(diǎn)就是可以實(shí)現(xiàn)IE5.5以下版本瀏覽器的渲染模式。

  • <!doctype html>聲明文檔的解析類型為html，避免瀏覽器的怪異模式。

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

瀏覽器本身選擇的編碼模式與需要解碼的文件本身的編碼模式不一致，就會造成瀏覽器的亂碼，解決方法：改變?yōu)g覽器的編碼，點(diǎn)擊編碼后，選擇與文件相一致的編碼，一般中文亂碼選擇uft-8就可解決。英文的亂碼情況相對較少。

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

1 使用Trident的是internet explorer，國產(chǎn)的絕大部分瀏覽器。Trident是就是ie內(nèi)核　　
2 使用Gecko的是Mozilla Firefox，使用 Gecko 內(nèi)核的瀏覽器也有不少，如 Netscape MozillaSuite/SeaMonkey 等　　
3 使用Presto的是opera，這是目前公認(rèn)網(wǎng)頁瀏覽速度最快的瀏覽器內(nèi)核　　
4 使用WebKit的有蘋果的safari，谷歌的chrome，還有國產(chǎn)的大部分雙核瀏覽器其中一核就是WebKit

列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

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

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