初識html -- 一些關概念

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

  1. html即是超文本標記語言(Hyper Text Markup Language)梗掰,是最早寫網頁的語言嵌言,但是由于時間早,規(guī)范不是很好及穗,大小寫混寫且編碼不規(guī)范摧茴;
  2. xhtml即是升級版的html(Extensible Hyper Text Markup Language),對html進行了規(guī)范埂陆,編碼更加嚴謹純潔苛白,也是一種過渡語言,html向xml過渡的語言焚虱;
  3. xml即時可擴展標記語言(Extensible Markup Language)购裙,是一種跨平臺語言,編碼更自由鹃栽,可以自由創(chuàng)建標簽躏率。
  4. 網頁編碼從html>>xhtml>>xml這個過程發(fā)展。

怎樣理解 HTML 語義化

語義化是指用合理HTML標記以及其特有的屬性去格式化文檔內容。通俗地講,語義化就是對數(shù)據(jù)和信息進行處理,使得機器可以理解. 語義化的(X)HTML文檔有助于提升你的網站對訪客的易用性薇芝,比如使用PDA蓬抄、文字瀏覽器以及殘障人士將從中受益。對于搜索引擎或者爬蟲軟件來說夯到,則有助于它們建立索引嚷缭,并可能給予一個較高的權值。 事實上SEO最有效的一種辦法耍贾,就是對網頁的HTML結構進行重構阅爽,實質上就是語義化。
簡單來說逼争,就是根據(jù)內容的結構化(內容語義化)优床,選擇合適的標簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析,什么樣的內容就用什么樣的標簽誓焦。

怎樣理解內容與樣式分離的原則

內容和樣式分離原則,就是將HTML文件和CSS文件分開着帽,CSS盡量使用外聯(lián)式杂伟。在 Web 開發(fā)中,就是讓內容的歸 HTML, 樣式歸 CSS, 不要混著用仍翰。這樣做的好處是赫粥,方便開發(fā)人員查找并修改樣式,而且咋有些情況下予借,能進行樣式復用越平。也會極大的縮減html文件的大小。

有哪些常見的meta標簽

屬性 描述
content some_text 定義與 http-equiv 或 name 屬性相關的元信息
http-equiv content-type灵迫、expires秦叛、refresh、set-cookie 把 content 屬性關聯(lián)到 HTTP 頭部瀑粥。
name author挣跋、description、keywords狞换、generator避咆、revised、others 把 content 屬性關聯(lián)到一個名稱修噪。
scheme some_text 定義用于翻譯 content 屬性值的格式查库。
charset UTF-8、ISO-8859-1等 聲明頁面所用的字符編碼

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

  • 文檔聲明的作用
    DOCTYPE是document type(文檔類型)的簡寫黄琼,用來說明你用的XHTML或者HTML是什么版本樊销。
  • 嚴格模式(又稱標準模式)和混合模式
    當瀏覽器廠商開始創(chuàng)建與W3C標準兼容的瀏覽器時,他們希望確保向后兼容性。為了實現(xiàn)這一點现柠,他們創(chuàng)建了兩種呈現(xiàn)模式:標準模式(standards mode)和混雜模式(quirks mode)院领。在標準模式中,瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面够吩;在混雜模式中比然,頁面以一種比較寬松的向后兼容的方式顯示≈苎混雜模式通常模擬老式瀏覽器(比如Microsoft IE 4和Netscape Navigator 4)的行為以防止老站點無法工作强法。
  • <!doctype html> 的作用
    <!DOCTYPE> 聲明位于文檔中的最前面的位置,處于 <html> 標簽之前湾笛。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范饮怯。
       該標簽可聲明三種 DTD 類型,分別表示嚴格版本嚎研、過渡版本以及基于框架的 HTML 文檔蓖墅。

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

瀏覽器出現(xiàn)亂碼一般是由于在制作頁面時使用非英文字符時临扮,保存的編碼格式與瀏覽器解析時的解碼格式不匹配论矾。為了解決這個問題,就要在頁面保存時就在HTML的<head>里添加<meta charset="">來聲明編碼格式杆勇,來告訴瀏覽器應該用什么解碼格式來解碼贪壳,例如使用UTF-8來編碼的頁面,添加<meta charset="UTF-8">`來告訴瀏覽器使用UTF-8格式來解碼蚜退,就不會出現(xiàn)亂碼了闰靴。

常見的瀏覽器有哪些,什么內核

常見的瀏覽器有火狐钻注,chrome蚂且,safari,ie队寇,edge膘掰,360瀏覽器,qq瀏覽器佳遣,uc瀏覽器识埋,遨游瀏覽器,搜狗瀏覽器零渐,獵豹瀏覽器窒舟,opera瀏覽器等。
內核有ie的Trident诵盼,chrome和saferi用的WebKit內核惠豺,火狐用的Gecko內核银还,oprea用的Presto內核

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

標 簽 使用場景
<html>...</html> 定義了文檔的開始點和結束點
<head>..</head> 定義文檔的頭部洁墙,其中的元素可以引用腳本蛹疯、指示瀏覽器在哪里找到樣式表、提供元信息等等
<title>..</title> 定義文檔標題
<meta>..</meta> 提供有關頁面的元信息
<body>..</body> 定義文檔的主體热监,包含文檔的所有內容
<a>..</a> 定義超鏈接
<img> 圖片
<h1>-<h6> 定義標題
<p>..</p> 段落
<ul>..</ul> 定義無序列表
<ol>..</ol> 定義有序列表
<li>..</li> 定義列表項目
<div>..</div> 定義文檔中的分區(qū)或節(jié)
<em>..</em> 強調
<strong>..</strong> 語氣更強的強調
<span>..</span> 定義文檔中的一小節(jié)
<br /> 換行
<table>..</table> 定義表格
<tr>..</tr> 定義表格中的行
<hr /> 創(chuàng)建一條水平線
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末捺弦,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子孝扛,更是在濱河造成了極大的恐慌列吼,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件苦始,死亡現(xiàn)場離奇詭異寞钥,居然都是意外死亡,警方通過查閱死者的電腦和手機陌选,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門理郑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人咨油,你說我怎么就攤上這事香浩。” “怎么了臼勉?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長餐弱。 經常有香客問我宴霸,道長,這世上最難降的妖魔是什么膏蚓? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任瓢谢,我火速辦了婚禮,結果婚禮上驮瞧,老公的妹妹穿的比我還像新娘氓扛。我一直安慰自己,他們只是感情好论笔,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布采郎。 她就那樣靜靜地躺著,像睡著了一般狂魔。 火紅的嫁衣襯著肌膚如雪蒜埋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天最楷,我揣著相機與錄音整份,去河邊找鬼待错。 笑死,一個胖子當著我的面吹牛烈评,可吹牛的內容都是我干的火俄。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼讲冠,長吁一口氣:“原來是場噩夢啊……” “哼瓜客!你這毒婦竟也來了?” 一聲冷哼從身側響起沟启,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤忆家,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后德迹,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體芽卿,經...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年胳搞,在試婚紗的時候發(fā)現(xiàn)自己被綠了卸例。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡肌毅,死狀恐怖筷转,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情悬而,我是刑警寧澤呜舒,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站笨奠,受9級特大地震影響袭蝗,放射性物質發(fā)生泄漏。R本人自食惡果不足惜般婆,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一到腥、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蔚袍,春花似錦乡范、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至闰蚕,卻和暖如春栈拖,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背没陡。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工涩哟, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留索赏,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓贴彼,卻偏偏與公主長得像潜腻,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子器仗,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內容

  • HTML融涣、XML、XHTML 有什么區(qū)別 1.HTML 是用來描述網頁的一種語言精钮,指的是超文本標記語言 (Hype...
    饑人谷_牛牛閱讀 681評論 0 2
  • 關于 HTML 超文本標記語言(HyperText Markup Language威鹿,簡稱 HTML)是一種用于創(chuàng)建...
    _空空閱讀 1,064評論 0 1
  • 格式后期處理。 Jeremy Keith在 Fronteers 2010 上的主題演講 今天我想跟大家談一談HTM...
    LordZhou閱讀 1,120評論 0 17
  • 一轨香、HTML忽你、XML、XHTML 有什么區(qū)別 HTML: 超級文本標記語言是標準通用標記語言下的一個應用臂容,也是一種...
    淡然7698閱讀 236評論 0 1
  • 一.HTML科雳、XML、XHTML 有什么區(qū)別 什么是 HTML脓杉? HTML 指的是超文本標記語言 (Hyper T...
    Sunset125閱讀 682評論 0 1