HTML的基本知識(shí)

1.HTML践磅、XML单刁、XHTML 有什么區(qū)別

  1. html 超文本標(biāo)記語(yǔ)言(Hyper Text Markup Language),是最早寫網(wǎng)頁(yè)的語(yǔ)言府适,但是由于時(shí)間早羔飞,規(guī)范不是很好,大小寫混寫且編碼不規(guī)范檐春;
  2. xml 可擴(kuò)展標(biāo)記語(yǔ)言(Extensible Markup Language)逻淌,是一種跨平臺(tái)語(yǔ)言,編碼更自由喇聊,可以自由創(chuàng)建標(biāo)簽恍风;
  3. xhtml 升級(jí)版的html(Extensible Hyper Text Markup Language),對(duì)html進(jìn)行了規(guī)范誓篱,編碼更加嚴(yán)謹(jǐn)純潔朋贬,也是一種過(guò)渡語(yǔ)言,html向xml過(guò)渡的語(yǔ)言窜骄;

區(qū)別

  1. xhtml對(duì)比與html锦募,xhtml文檔具有良好完整的排版,體現(xiàn)在兩方面:a邻遏、元素必須要有結(jié)束標(biāo)簽糠亩;b虐骑、元素必須嵌套;
  2. 對(duì)于html的元素和屬性赎线,xhtml必須小寫廷没,因?yàn)閤ml是嚴(yán)格區(qū)分大小寫的;
  3. xhtml的屬性值必須在引號(hào)之中垂寥;

2.什么是語(yǔ)義化的 HTML

  1. 用正確的標(biāo)簽桌正確的事颠黎;
  2. HTML語(yǔ)義化就是讓頁(yè)面內(nèi)容結(jié)構(gòu)化,便于對(duì)瀏覽器滞项,搜索引擎解析;
  3. 使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊狭归,便于閱讀維護(hù)理解;

3.怎樣理解內(nèi)容和樣式分離的原則

  1. 結(jié)構(gòu)和樣式的分離使得批量改變樣式變得更加方便文判;
  2. 可以提高搜索引擎的搜索效率过椎,我們檢索內(nèi)容的時(shí)候往往是不考慮樣式的;

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

<meta charset="utf-8">
使用utf-8的編碼方式
<meta http-equiv="refresh" content="0;url=" />
頁(yè)面重定向和刷新:content內(nèi)的數(shù)字代表時(shí)間(秒)戏仓,既多少時(shí)間后刷新疚宇。如果加url,則會(huì)重定向到指定網(wǎng)頁(yè)。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
優(yōu)先使用 IE 最新版本和 Chrome赏殃。
<meta http-equiv="Pragma" content="no-cache">
禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問(wèn)頁(yè)面內(nèi)容:這樣設(shè)定灰嫉,訪問(wèn)者將無(wú)法脫機(jī)瀏覽。
<meta name="keywords" content="your tags" />
頁(yè)面關(guān)鍵詞嗓奢,每個(gè)網(wǎng)頁(yè)應(yīng)具有描述該網(wǎng)頁(yè)內(nèi)容的一組唯一的關(guān)鍵字讼撒。

5.文檔聲明的作用?

文檔聲明是為了避免瀏覽器把頁(yè)面判斷成混亂模式用的股耽。因?yàn)闉g覽器并不知道你是html還是xml,所以通過(guò)DTD通知瀏覽器根盒。

6.瀏覽器亂碼的原因是什么?如何解決

亂碼是因?yàn)镠TML在文本編輯階段的編碼方式和在被瀏覽器上被解釋執(zhí)行時(shí)的解碼方式不一致導(dǎo)致的物蝙。而亂碼主要是中文亂碼炎滞。

設(shè)置HTML編碼格式:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
或者
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
瀏覽器解碼方式設(shè)置
在chrome瀏覽器中的設(shè)置方式如下:菜單欄>>更多工具>>編碼

7.列出常見的標(biāo)簽,并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景

<span> </span> 行內(nèi)分區(qū)元素诬乞,最簡(jiǎn)單的inline元素册赛,沒(méi)有任何的顯示效果,需要CSS樣式去實(shí)現(xiàn)效果震嫉。span直譯為“跨距”森瘪,但是不好理解,所以在實(shí)際的使用中不去翻譯票堵。必須要配合CSS和JS才會(huì)有效果扼睬。

<div> </div> 元素分組,division(分組)的縮寫為div悴势,在頁(yè)面布局中經(jīng)常會(huì)用到窗宇,block元素措伐,跟p不一樣,p元素上下是有間距的军俊,最簡(jiǎn)單的區(qū)塊元素侥加,只是用來(lái)將指定的內(nèi)容放在一個(gè)區(qū)塊中。

<img src=”圖片的路徑” /> 實(shí)際上不是將一張圖片嵌入到網(wǎng)頁(yè)中粪躬,而是通知服務(wù)器發(fā)起一個(gè)圖片請(qǐng)求(get)官硝,請(qǐng)求服務(wù)器找到圖片并且加載,其中還有img還有幾個(gè)屬性:width:像素和百分比短蜕、height、alt:若圖片無(wú)法顯示時(shí)顯示的文字傻咖、title:鼠標(biāo)懸停時(shí)顯示的文字朋魔,inline元素。

a標(biāo)簽 鏈接

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末卿操,一起剝皮案震驚了整個(gè)濱河市警检,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌害淤,老刑警劉巖扇雕,帶你破解...
    沈念sama閱讀 219,110評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異窥摄,居然都是意外死亡镶奉,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門崭放,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)哨苛,“玉大人,你說(shuō)我怎么就攤上這事币砂〗ㄇ停” “怎么了?”我有些...
    開封第一講書人閱讀 165,474評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵决摧,是天一觀的道長(zhǎng)亿蒸。 經(jīng)常有香客問(wèn)我,道長(zhǎng)掌桩,這世上最難降的妖魔是什么边锁? 我笑而不...
    開封第一講書人閱讀 58,881評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮波岛,結(jié)果婚禮上砚蓬,老公的妹妹穿的比我還像新娘。我一直安慰自己盆色,他們只是感情好灰蛙,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評(píng)論 6 392
  • 文/花漫 我一把揭開白布祟剔。 她就那樣靜靜地躺著,像睡著了一般摩梧。 火紅的嫁衣襯著肌膚如雪物延。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,698評(píng)論 1 305
  • 那天仅父,我揣著相機(jī)與錄音叛薯,去河邊找鬼。 笑死笙纤,一個(gè)胖子當(dāng)著我的面吹牛耗溜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播省容,決...
    沈念sama閱讀 40,418評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼抖拴,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了腥椒?” 一聲冷哼從身側(cè)響起阿宅,我...
    開封第一講書人閱讀 39,332評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎笼蛛,沒(méi)想到半個(gè)月后洒放,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,796評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡滨砍,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評(píng)論 3 337
  • 正文 我和宋清朗相戀三年往湿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惋戏。...
    茶點(diǎn)故事閱讀 40,110評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡煌茴,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出日川,到底是詐尸還是另有隱情蔓腐,我是刑警寧澤,帶...
    沈念sama閱讀 35,792評(píng)論 5 346
  • 正文 年R本政府宣布龄句,位于F島的核電站回论,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏分歇。R本人自食惡果不足惜傀蓉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望职抡。 院中可真熱鬧葬燎,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至壕探,卻和暖如春冈钦,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背李请。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工瞧筛, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人导盅。 一個(gè)月前我還...
    沈念sama閱讀 48,348評(píng)論 3 373
  • 正文 我出身青樓较幌,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親白翻。 傳聞我的和親對(duì)象是個(gè)殘疾皇子乍炉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • 一.HTML嘁字、XML、XHTML 有什么區(qū)別 什么是 HTML杉畜? HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper T...
    Sunset125閱讀 696評(píng)論 0 1
  • HTML纪蜒、XML、XHTML 有什么區(qū)別 1.HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言此叠,指的是超文本標(biāo)記語(yǔ)言 (Hype...
    饑人谷_牛牛閱讀 693評(píng)論 0 2
  • 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過(guò)程中纯续,你是如何考慮他的UI、安全性灭袁、高性能猬错、SEO、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,167評(píng)論 0 1
  • HTML茸歧、XML倦炒、XHTML 有什么區(qū)別 HTML:超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Lang...
    喵不吱閱讀 459評(píng)論 0 1