HTML

HTML灰追、XML刨啸、XHTML有什么區(qū)別玲献？

  1. XML
    XML是The Extensible Markup Language（可擴(kuò)展表示語言）的簡寫廓啊。目前推薦遵循的是W3C于2000年10月6日發(fā)布的XML1.0。XML最初設(shè)計(jì)的目的是彌補(bǔ)HTML的不足乾胶，以強(qiáng)大的擴(kuò)展性滿足網(wǎng)絡(luò)信息發(fā)布的需要浊服，后來用于網(wǎng)絡(luò)數(shù)據(jù)的轉(zhuǎn)換和描述统屈。
  2. XHTML
    XHTML是The Extensible Markup Language 可擴(kuò)展標(biāo)識語言的縮寫。目前推薦遵循的是W3C于2000年1月26日推薦XML1.0牙躺。XML雖然數(shù)據(jù)轉(zhuǎn)換能力強(qiáng)大，完全可以替代HTML腕扶，但面對成千上萬已有的站點(diǎn)，直接采用XML還為時(shí)過早。因此书妻，我們在HTML4.0的基礎(chǔ)上驯杜，用XML的規(guī)則對其進(jìn)行擴(kuò)展，得到了XHTML窿侈。簡單的說炼幔，建立XHTML的目的是實(shí)現(xiàn)HTML向XML的國度。
  3. HTML
    HTML是網(wǎng)絡(luò)的通用語言史简，一直簡單乃秀、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面圆兵，這些頁面可以被網(wǎng)上任何其他人瀏覽到跺讯，無論使用的是什么類型的電腦或?yàn)g覽器。
    事實(shí)上你不需要任何專門的軟件來建立HTML頁面;你所需要的只是一個(gè)文字處理器如（McrosoftWord\記事本\寫字板等等）以及HTML的工作常識殉农。其實(shí)你很快就會(huì)發(fā)現(xiàn)刀脏，基礎(chǔ)的HTML語言非常簡單。
    HTML只不過是組合一個(gè)文本文件的一系列標(biāo)簽超凳。
    HTML標(biāo)簽通常是英文詞匯的全稱（如塊引用：blockquote）或縮略語（如“P”代表Paragragh）愈污，但它們的與一般文本有區(qū)別，因?yàn)樗鼈兎旁趩螘柪锫职９蔖aragragh標(biāo)簽是<p>,塊引用標(biāo)簽是< blockquote>暂雹。有些標(biāo)簽說明頁面如何被格式化（例如，<p>開始一個(gè)新段落）金麸，其他則說明這些詞如何顯示（< b>使文字變粗）還有一些其他標(biāo)簽提供在頁面上不顯示的信息-----例如標(biāo)題擎析。
    關(guān)于標(biāo)簽，需要記住的是挥下，它們是成雙出現(xiàn)的揍魂。每當(dāng)使用一個(gè)標(biāo)簽-----如< blockquote>,則必須以另一個(gè)標(biāo)簽</ blockquote>將它關(guān)閉。
    基本HTML頁面以<html>標(biāo)簽開始棚瘟，以</html>結(jié)束现斋。在它們之間，整個(gè)頁面有兩部分-----標(biāo)題和正文偎蘸。
    標(biāo)題詞 -----夾在<head>和</head>標(biāo)簽之間－－這個(gè)詞語在打開頁面時(shí)出現(xiàn)在屏幕底部最小化的窗口庄蹋。正文則夾在<body>和</body>之間------即所有頁面的內(nèi)容所在瞬内。頁面上顯示的任何東西都包含在這兩個(gè)標(biāo)簽之中。

什么是HTML語義化限书？

  1. 什么是HTML語義化虫蝶？
    基本上都是圍繞著幾個(gè)主要的標(biāo)簽，像標(biāo)題（H1~H6）倦西、列表（li）能真、強(qiáng)調(diào)（strong em）等等
    根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化），選擇合適的標(biāo)簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析扰柠。
  2. 為什么要語義化粉铐？
  • 為了在沒有CSS的情況下，頁面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)卤档、代碼結(jié)構(gòu):為了裸奔時(shí)好看蝙泼；
  • 用戶體驗(yàn)：例如title、alt用于解釋名詞或解釋圖片信息劝枣、label標(biāo)簽的活用汤踏；
  • 有利于SEO:和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個(gè)關(guān)鍵字的權(quán)重哨免；
  • 方便其他設(shè)備解析（如屏幕閱讀器茎活、盲人閱讀器、移動(dòng)設(shè)備）以意義的方式來渲染網(wǎng)頁琢唾；
  • 便于團(tuán)隊(duì)開發(fā)和維護(hù)载荔，語義化更具可讀性，是下一步網(wǎng)頁的重要?jiǎng)酉虿商遥裱璚3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)懒熙，可以減少差異化。
  1. 寫HTML代碼時(shí)應(yīng)注意什么普办？
  • 盡可能少的使用無語義的標(biāo)簽div和span工扎；
  • 在語義不明顯時(shí)，既可以使用div或者p時(shí)衔蹲，盡量用p肢娘，因?yàn)閜在默認(rèn)情況下有上下間距，對兼容特殊終端有利舆驶；
  • 不要使用純樣式標(biāo)簽橱健，如：b、font沙廉、u等拘荡，改用css設(shè)置。
  • 需要強(qiáng)調(diào)的文本撬陵，可以包含在strong或者em標(biāo)簽中（瀏覽器預(yù)設(shè)樣式珊皿，能用CSS指定就不用他們）网缝，strong默認(rèn)樣式是加粗（不要用b），em是斜體（不用i）蟋定；
  • 使用表格時(shí)粉臊，標(biāo)題要用caption，表頭用thead溢吻，主體部分用tbody包圍维费，尾部用tfoot包圍。表頭和一般單元格要區(qū)分開促王，表頭用th，單元格用td而晒；
  • **表單域要用fieldset標(biāo)簽包起來蝇狼，并用legend標(biāo)簽說明表單的用途； **
  •     每個(gè)input標(biāo)簽對應(yīng)的說明文本都需要使用label標(biāo)簽倡怎，并且通過為input設(shè)置id屬性迅耘，在lable標(biāo)簽中設(shè)置for=someld來讓說明文本和相對應(yīng)的input關(guān)聯(lián)起來。
  • HTML5語義標(biāo)簽* 暫留*

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

  • HTML是用標(biāo)簽說明內(nèi)容监署，CSS負(fù)責(zé)渲染颤专，JavaScript是用來處理相關(guān)動(dòng)作。

  • Doctype作用

  • <!DOCTYPE>聲明叫做文件類型定義（DTD）钠乏，聲明的作用為了告訴瀏覽器該文件的類型栖秕。讓瀏覽器解析器知道應(yīng)該用哪個(gè)規(guī)范來解析文檔。<!DOCTYPE>聲明必須在 HTML 文檔的第一行晓避，但這并不是一個(gè) HTML 標(biāo)簽簇捍。

  • 嚴(yán)格模式：又稱標(biāo)準(zhǔn)模式，是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼俏拱。

    混雜模式：又稱怪異模式暑塑，是指瀏覽器用自己的方式解析代碼。

    如何區(qū)分：瀏覽器解析時(shí)到底使用嚴(yán)格模式還是混雜模式锅必，與網(wǎng)頁中的 DTD 直接相關(guān)事格。

  1. 如果文檔包含嚴(yán)格的 DOCTYPE ，那么它一般以嚴(yán)格模式呈現(xiàn)搞隐。（嚴(yán)格 DTD ——嚴(yán)格模式）
  2. 包含過渡 DTD 和 URI 的 DOCTYPE 驹愚，也以嚴(yán)格模式呈現(xiàn)，但有過渡 DTD 而沒有 URI （統(tǒng)一資源標(biāo)識符尔许，就是聲明最后的地址）會(huì)導(dǎo)致頁面以混雜模式呈現(xiàn)么鹤。（有 URI 的過渡 DTD ——嚴(yán)格模式；沒有 URI 的過渡 DTD ——混雜模式）
  3. DOCTYPE 不存在或形式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)味廊。（DTD不存在或者格式不正確——混雜模式）
  4. HTML5 沒有 DTD 蒸甜，因此也就沒有嚴(yán)格模式與混雜模式的區(qū)別棠耕，HTML5 有相對寬松的語法，實(shí)現(xiàn)時(shí)柠新，已經(jīng)盡可能大的實(shí)現(xiàn)了向后兼容窍荧。（ HTML5 沒有嚴(yán)格和混雜之分）
意義：嚴(yán)格模式與混雜模式存在的意義與其來源密切相關(guān)，如果說只存在嚴(yán)格模式恨憎，那么許多舊網(wǎng)站必然受到影響蕊退，如果只存在混雜模式，那么會(huì)回到當(dāng)時(shí)瀏覽器大戰(zhàn)時(shí)的混亂憔恳，每個(gè)瀏覽器都有自己的解析模式瓤荔。 ~~混雜模式服務(wù)于舊式規(guī)則，嚴(yán)格模式服務(wù)于標(biāo)準(zhǔn)規(guī)則钥组。~~

DTD的具體聲明

1输硝、HTML5（一種）：<!DOCTYPE html>
2、HTML 4.01（三種）：嚴(yán)格模式包含所有 HTML 元素和屬性程梦，但不包括展示性的和棄用的元素（比如 font）点把，不允許框架集（Framesets）；過渡模式包含所有 HTML 元素和屬性屿附，包括展示性的和棄用的元素（比如 font）郎逃，不允許框架集（Framesets）；框架模式等同于過渡模式挺份，但允許框架集內(nèi)容褒翰。
HTML 4.01 Strict ：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional ：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset ：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
3、XHTML 1.0（四種）：前三種模式同上压恒，XHML 必須以格式正確的 XML 來編寫標(biāo)記影暴。
XHTML 1.0 Strict ：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional ：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 該 DTD 等同于 XHTML 1.0 Strict，但允許添加模型探赫。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<!doctype html>的作用

是html5的頭聲明型宙，其實(shí)是一種回歸，回歸簡單聲明方式伦吠。

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

meta

  1. Keywords (關(guān)鍵字)
    說明：告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么妆兑。
    用法：< meta name="keywords" content="SEO優(yōu)化,SEO優(yōu)化教程,網(wǎng)站優(yōu)化,搜索引擎優(yōu)化教程">

  2. Description (網(wǎng)頁描述)
    說明：Description用來告訴搜索引擎你的網(wǎng)頁主要內(nèi)容。
    用法：<meta name="description" content="學(xué)習(xí)研究搜索引擎優(yōu)化網(wǎng)提供專業(yè)的SEO優(yōu)化教程毛仪，收集整理SEO優(yōu)化文章搁嗓、SEO優(yōu)化工具，為網(wǎng)絡(luò)營銷貢獻(xiàn)出自己的一份力量箱靴。" />

  3. Robots (機(jī)器人向?qū)?
    說明：Robots用來告訴搜索機(jī)器人哪些頁面需要索引腺逛，哪些頁面不需要索引。Content的參數(shù)有all衡怀、none棍矛、index安疗、noindex、follow够委、nofollow荐类。默認(rèn)是all。
    用法：<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow">
    all：文件將被檢索茁帽，且頁面上的鏈接可以被查詢玉罐；
    none：文件將不被檢索，且頁面上的鏈接不可以被查詢潘拨；(和 "noindex, no follow" 起相同作用)
    index：文件將被檢索吊输；（讓robot/spider登錄）
    follow：頁面上的鏈接可以被查詢；
    noindex：文件將不被檢索铁追，但頁面上的鏈接可以被查詢璧亚；(不讓robot/spider登錄)
    nofollow：文件將不被檢索，頁面上的鏈接可以被查詢脂信。(不讓robot/spider順著此頁的連接往下探找)

  4. Author (作者)
    說明：標(biāo)注網(wǎng)頁的作者或制作組
    用法：<meta name="author" content="mycodewind，mycodewind@qq.com">
    注意：Content可以是：你或你的制作組的名字,或Email

  5. Copyright (版權(quán))說明：標(biāo)注版權(quán)用法：<meta name="copyright" content="本網(wǎng)站版權(quán)歸CSDN所有">

  6. Generator (編輯器)說明：編輯器的說明用法：<meta name="generator" content="PCDATA|FrontPage|">注意：Content="你所用編輯器"

  7. Revisit-after (重訪)說明：通知搜索引擎多少天訪問一次用法：<meta name="revisit-after" content="7 days" >從IE9開始引入了固定網(wǎng)站功能透硝，對用戶來說這是一種只需在任務(wù)欄上單擊圖標(biāo)即可直接訪問網(wǎng)站的簡單方式狰闪。固定網(wǎng)站還易于實(shí)現(xiàn)，僅需要非常少的代碼濒生。以下的元數(shù)據(jù)標(biāo)簽只在IE9+生效埋泵。如Windows Vista,Windows 7系統(tǒng)上。官方文檔地址http://msdn.microsoft.com/zh-cn/library/ie/gg491732%28v=vs.85%29.aspx 罪治。所有元素都是可選的丽声。
    8.移動(dòng)端viewport標(biāo)簽含義如下：width控制 viewport 的大小，可以指定的一個(gè)值或者特殊的值觉义，如 device-width 為設(shè)備的寬度（單位為縮放為 100% 時(shí)的 CSS 的像素）雁社。
    height和 width 相對應(yīng)，指定視窗的高度晒骇。
    target-densitydpi一個(gè)屏幕像素密度是由屏幕分辨率決定的霉撵，通常定義為每英寸點(diǎn)的數(shù)量（dpi）。Android支持三種屏幕像素密度：低像素密度洪囤，中像素密度徒坡，高像素密度。一個(gè)低像素密度的屏幕每英寸上的像素點(diǎn)更少瘤缩，而一個(gè)高像素密度的屏幕每英寸上的像素點(diǎn)更多喇完。Android Browser和WebView默認(rèn)屏幕為中像素密度。下面是 target-densitydpi 屬性的 取值范圍?device-dpi –使用設(shè)備原本的 dpi 作為目標(biāo) dp剥啤。 不會(huì)發(fā)生默認(rèn)縮放锦溪。?high-dpi – 使用hdpi 作為目標(biāo) dpi不脯。 中等像素密度和低像素密度設(shè)備相應(yīng)縮小。?medium-dpi – 使用mdpi作為目標(biāo) dpi海洼。 高像素密度設(shè)備相應(yīng)放大跨新， 像素密度設(shè)備相應(yīng)縮小。 這是默認(rèn)的target density.?low-dpi -使用mdpi作為目標(biāo) dpi坏逢。中等像素密度和高像素密度設(shè)備相應(yīng)放大域帐。?<value> – 指定一個(gè)具體的dpi 值作為target dpi. 這個(gè)值的范圍必須在70–400之間。為了防止Android Browser和WebView 根據(jù)不同屏幕的像素密度對你的頁面進(jìn)行縮放是整，你可以將viewport的target-densitydpi 設(shè)置為 device-dpi肖揣。當(dāng)你這么做了，頁面將不會(huì)縮放浮入。相反龙优，頁面會(huì)根據(jù)當(dāng)前屏幕的像素密度進(jìn)行展示。在這種情形下事秀，你還需要將viewport的width定義為與設(shè)備的width匹配彤断，這樣你的頁面就可以和屏幕相適應(yīng)。
    initial-scale初始縮放易迹。即頁面初始縮放程度宰衙。這是一個(gè)浮點(diǎn)值，是頁面大小的一個(gè)乘數(shù)睹欲。例如供炼，如果你設(shè)置初始縮放為“1.0”，那么窘疮，web頁面在展現(xiàn)的時(shí)候就會(huì)以target density分辨率的1:1來展現(xiàn)袋哼。如果你設(shè)置為“2.0”，那么這個(gè)頁面就會(huì)放大為2倍闸衫。
    maximum-scale最大縮放涛贯。即允許的最大縮放程度。這也是一個(gè)浮點(diǎn)值楚堤，用以指出頁面大小與屏幕大小相比的最大乘數(shù)疫蔓。例如，如果你將這個(gè)值設(shè)置為“2.0”身冬，那么這個(gè)頁面與target size相比衅胀，最多能放大2倍。
    user-scalable用戶調(diào)整縮放酥筝。即用戶是否能改變頁面縮放程度滚躯。如果設(shè)置為yes則是允許用戶對其進(jìn)行改變，反之為no。默認(rèn)值是yes掸掏。如果你將其設(shè)置為no茁影，那么minimum-scale 和
    maximum-scale都將被忽略，因?yàn)楦静豢赡芸s放丧凤。所有的縮放值都必須在0.01–10的范圍之內(nèi)募闲。例：(設(shè)置屏幕寬度為設(shè)備寬度，禁止用戶手動(dòng)調(diào)整縮放) <meta name="viewport" content="width=device-width,user-scalable=no" />(設(shè)置屏幕密度為高頻愿待，中頻浩螺，低頻自動(dòng)縮放，禁止用戶手動(dòng)調(diào)整縮放)<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>另外仍侥，iOS 7.1的Safari為meta標(biāo)簽新增minimal-ui屬性要出，在網(wǎng)頁加載時(shí)默認(rèn)隱藏地址欄與導(dǎo)航欄。

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

你的網(wǎng)頁沒有設(shè)置meta charset編碼造成的患蹂，導(dǎo)致瀏覽器不能識別你網(wǎng)頁默認(rèn)編碼類型。 解決方法：在瀏覽器中找到轉(zhuǎn)換編碼的菜單砸紊。

  1. IE9瀏覽器出現(xiàn)網(wǎng)頁亂碼传于，在需要轉(zhuǎn)碼的網(wǎng)頁空白處右鍵鼠標(biāo)，即可選擇編碼醉顽，
  2. 谷歌瀏覽器中瀏覽需要轉(zhuǎn)碼的網(wǎng)頁時(shí)格了，點(diǎn)擊工具-->編碼即可。

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

常見的 內(nèi)核基本是一下4種：

Trident：

這是微軟開發(fā)的一種排版引擎。該內(nèi)核程序在1997年的IE4中首次被采用弹惦，是微軟在Mosaic代碼的基礎(chǔ)之上修改而來的否淤，并沿用到目前的 IE7。Trident實(shí)際上是一款開放的內(nèi)核棠隐，其接口內(nèi)核設(shè)計(jì)的相當(dāng)成熟石抡，因此才有許多采用IE內(nèi)核而非IE的瀏覽器涌現(xiàn)（如 Maxthon、The World 助泽、TT啰扛、GreenBrowser、AvantBrowser等）嗡贺。此外隐解，為了方便也有很多人直接簡稱其為IE內(nèi)核（當(dāng)然也不排除有部分人是因?yàn)椴恢纼?nèi) 核名稱而只好如此說，至少老N就是如此诫睬。煞茫。。）。自從發(fā)布后续徽，Trident不斷地被更新和完善：

Trident II（IE5）——增進(jìn)對CSS1.0的支持及對CSS2重大的變更蚓曼；

Trident III（IE5.5）——修正部分CSS的排版控制；

Trident IV（IE6）——修正了一部分box-model的錯(cuò)誤以及增加了“兼容模式（Quirks Mode）”切換功能钦扭，以增加對文件類型描述（Document Type Definition纫版，DTD）的支持；

Trident V（IE7）——修正許多CSS排版處理上的錯(cuò)誤以及增加對PNG格式alpha通道（半透明）的支持客情。（這就是IE6經(jīng)常被詬病的對png圖片支持不良的之處Ｆ浔住）

Geckos：

Gecko是套開放源代碼的、以C++編寫的網(wǎng)頁排版引擎裹匙。這軟件原本是由網(wǎng)景通訊公司開發(fā)的瑞凑，Netcape6開始采用該內(nèi)核。后來的 Mozilla FireFox也采用了該內(nèi)核概页，Geckos的特點(diǎn)是代碼完全公開籽御，因此，其可開發(fā)程度很高惰匙，全世界的程序員都可以為其編寫代碼技掏，增加功能。Geckos 現(xiàn)在由Mozilla基金會(huì)維護(hù)项鬼。

Presto：

Presto是一個(gè)由Opera Software開發(fā)的瀏覽器排版引擎哑梳，該內(nèi)核在2003年的Opera7中首次被使用，該款引擎的特點(diǎn)就是渲染速度的優(yōu)化達(dá)到了極致绘盟，也是目前公認(rèn)網(wǎng)頁瀏覽速度最快的瀏覽器內(nèi)核鸠真。

Webkit：

蘋果公司自己的內(nèi)核，也是蘋果的Safari瀏覽器使用的內(nèi)核龄毡。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎吠卷，均是從KDE的KHTML及KJS引擎衍生而來，它們都是自由軟 件沦零，在GPL條約下授權(quán)祭隔，同時(shí)支持BSD系統(tǒng)的開發(fā)。所以Webkit也是自由軟件路操，同時(shí)開發(fā)源代碼疾渴。在安全方面不受IE、Firefox的制約屯仗，所以 Safari瀏覽器在國內(nèi)還是很安全的搞坝。

簡單的總結(jié)一下：

使用Trident內(nèi)核的瀏覽器：IE、Maxthon魁袜、TT瞄沙、The World等己沛；

使用Gecko內(nèi)核的瀏覽器：Netcape6及以上版本、FireFox距境、MozillaSuite/SeaMonkey申尼；

使用Presto內(nèi)核的瀏覽器：Opera7及以上版本；

使用Webkit內(nèi)核的瀏覽器：Safari垫桂、Chrome师幕。

常見的標(biāo)簽及應(yīng)用場景

  • < a> 用于超鏈接。< a href="">some text< /a>
  • <article> 用于一篇文章诬滩。<article>a self-contained article</article>
  • <aside> 用于頁面的側(cè)邊欄霹粥。<aside>some content</aside>
  • < blockquote> 用于大段的引用內(nèi)容。< blockquote>some big texts</blockquote>
  • <body> 頁面上顯示的所有內(nèi)容都被包含在<body></body>里
  • < br> 用于顯示一個(gè)換行
  • <button> 用于顯示一個(gè)按鈕
  • < code> 用于一包裹一段代碼內(nèi)容
  • <dd> 用于一個(gè)dl列表的某個(gè)dt名詞的描述
  • <del> 用于刪除一些不需要的文字
  • <div> 用于包裹住一些其他的標(biāo)簽疼鸟，制造一個(gè)容器
  • <dl> 用于制作一個(gè)名詞和對應(yīng)解釋的列表
  • < dt> 用于一個(gè)dl列表的某個(gè)dt名詞
  • <em> 用于強(qiáng)調(diào)一些文本內(nèi)容
  • <figcaption> 用于一張圖表的說明文字
  • <figure> 用于一張圖表
  • <footer> 用于包裹頁面的底部內(nèi)容
  • <form> 用于制作一個(gè)表單
  • < h1 > - < h6 > 用于標(biāo)記標(biāo)題后控，從h1到h6重要性依次遞減
  • <head> 用于包裹頁面的元數(shù)據(jù)，如<meta>, <link>, <title>等
  • <header> 用于包裹頁面的頭部內(nèi)容
  • 用于制造出一條分隔線
  • <html> 整個(gè) HTML 文檔的根元素空镜，包裹住其他所有的元素
  • <iframe> 用于嵌入另一個(gè)小頁面到一個(gè)頁面中
  • < img> 用于顯示一張圖片
  • < input> 用于顯示一個(gè)表格輸入控件
  • <label> 用于給一個(gè)表格輸入控件打上一個(gè)標(biāo)簽浩淘，說明輸入控件的作用
  • < li > 用于< ul >和< ol >標(biāo)簽，代表一個(gè)列表項(xiàng)
  • <link> 用于鏈接外部CSS文件
  • <mark> 用于高亮顯示某些文本
  • <meta> 用于下達(dá)一些元數(shù)據(jù)指令吴攒，或者對頁面進(jìn)行說明
  • <nav> 用于包裹住一個(gè)導(dǎo)航條的內(nèi)容
  • < ol> 用于制作一個(gè)有序列表
  • < p> 用于顯示一個(gè)段落
  • < q> 用于一小段引用文字
  • < script> 用于一段JavaScript腳本代碼张抄，或者引入一個(gè)外部JavaScript腳本文件
  • <section> 用于包裹一部分有邏輯關(guān)第的頁面內(nèi)容
  • <select> 用于制作一個(gè)下拉列表選框
  • < span> 用于包裹住一小段文字，作為一個(gè)容器
  • < strong> 用于著重強(qiáng)調(diào)重要的文本內(nèi)容
  • <style> 用于給頁面元素加上樣式
  • < sub> 用于下標(biāo)文本
  • < sup> 用于上標(biāo)文本
  • <table> 用于制作一個(gè)表格
  • <tbody> 用于表格里的主體部分
  • <td> 用于表格里的某一個(gè)單元格
  • <textarea> 用于制作一大塊文本輸入框
  • <tfoot> 用于表格里的底部
  • <th> 用于表格里的表頭的單元格
  • <thead> 用于表格里的表頭
  • <time> 用于頁面內(nèi)容中的時(shí)間
  • <title> 用于顯示整個(gè)頁面的標(biāo)題（顯示在瀏覽器的tab上）
  • < tr> 用于標(biāo)記表格里的一行
  • < ul> 用于制作一個(gè)無序列表
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末洼怔，一起剝皮案震驚了整個(gè)濱河市署惯，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌镣隶，老刑警劉巖极谊，帶你破解...
    沈念sama閱讀 216,470評論 6贊 501
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異安岂，居然都是意外死亡怀酷，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3贊 392
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門嗜闻，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人桅锄，你說我怎么就攤上這事琉雳。” “怎么了友瘤？”我有些...
    開封第一講書人閱讀 162,577評論 0贊 353
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵翠肘，是天一觀的道長。 經(jīng)常有香客問我辫秧，道長束倍，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 58,176評論 1贊 292
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮绪妹，結(jié)果婚禮上甥桂，老公的妹妹穿的比我還像新娘。我一直安慰自己邮旷，他們只是感情好黄选，可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評論 6贊 388
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著婶肩，像睡著了一般办陷。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上律歼，一...
    開封第一講書人閱讀 51,155評論 1贊 299
  • 城市分裂傳說
    那天民镜，我揣著相機(jī)與錄音，去河邊找鬼险毁。 笑死制圈，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的辱揭。 我是一名探鬼主播离唐，決...
    沈念sama閱讀 40,041評論 3贊 418
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼问窃！你這毒婦竟也來了亥鬓？” 一聲冷哼從身側(cè)響起，我...
    開封第一講書人閱讀 38,903評論 0贊 274
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對情侶失蹤域庇，失蹤者是張志新（化名）和其女友劉穎嵌戈，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體听皿，經(jīng)...
    沈念sama閱讀 45,319評論 1贊 310
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡熟呛，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評論 2贊 332
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了尉姨。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片庵朝。...
    茶點(diǎn)故事閱讀 39,703評論 1贊 348
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖又厉，靈堂內(nèi)的尸體忽然破棺而出九府，到底是詐尸還是另有隱情，我是刑警寧澤覆致，帶...
    沈念sama閱讀 35,417評論 5贊 343
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布侄旬，位于F島的核電站，受9級特大地震影響煌妈，放射性物質(zhì)發(fā)生泄漏儡羔。R本人自食惡果不足惜宣羊，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評論 3贊 325
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望汰蜘。 院中可真熱鬧仇冯，春花似錦、人聲如沸鉴扫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0贊 22
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽坪创。三九已至炕婶，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間莱预，已是汗流浹背柠掂。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1贊 269
  • 情欲美人皮
    我被黑心中介騙來泰國打工， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留依沮，地道東北人涯贞。 一個(gè)月前我還...
    沈念sama閱讀 47,711評論 2贊 368
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長得像危喉，于是被迫代替她去往敵國和親宋渔。 傳聞我的和親對象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評論 2贊 353

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案辜限？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,748評論 1贊 92
  • HTML皇拣、XML、XHTML 有什么區(qū)別 1.HTML 是用來描述網(wǎng)頁的一種語言薄嫡，指的是超文本標(biāo)記語言 (Hype...
    饑人谷_牛牛閱讀 690評論 0贊 2
  • 源自SeeYouBug博客 地址為：http://www.cnblogs.com/SeeYouBug 一氧急、HTML...
    欲淚成雪閱讀 1,224評論 0贊 15
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽：!DOCTYPE 說明：指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,240評論 1贊 41
  • 問答題1 /72瀏覽器頁面有哪三層構(gòu)成毫深，分別是什么吩坝，作用是什么?參考答案構(gòu)成：結(jié)構(gòu)層、表示層哑蔫、行為層分別是：HTM...
    _Yfling閱讀 1,217評論 0贊 23