完成課程任務(wù)4,關(guān)于HTML相關(guān)問題

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

HTML,HyperText Markup Language,超文本標(biāo)記語言。
XML,Extensible Markup Language,可擴(kuò)展標(biāo)記語言。
XHTML,Extensible HyperText Markup Language,可擴(kuò)展超文本標(biāo)記語言

雖然HTML在前,但XML的出現(xiàn)不是對HTML的替代,而是根據(jù)HTML,補(bǔ)充修改規(guī)范一些語法,以達(dá)到設(shè)計目的:XML被設(shè)計用來傳輸和存儲數(shù)據(jù),關(guān)注數(shù)據(jù)的內(nèi)容;HTML被設(shè)計用來顯示數(shù)據(jù),關(guān)注數(shù)據(jù)的外觀。

XHTML是HTML的繼承者,XHTML的出現(xiàn)就是想要取代HTML,因為HTML語法要求比較松散,對于計器處理起來就比較困難,需要兼容更多的東西,所以出現(xiàn)了語法更加嚴(yán)格的XHTML。

怎樣理解HTML語義化

語義化HTML是一種編寫HTML的方式,就是選擇合適的標(biāo)簽(例如<h></h>就是標(biāo)題,這個標(biāo)簽賦予了語義),使用合適的代碼結(jié)構(gòu),便于開發(fā)者閱讀,同時讓瀏覽器的爬蟲和機(jī)器很好的解析。

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

樣式有CSS控制,在HTML中不寫樣式,主要關(guān)注對內(nèi)容結(jié)構(gòu)的展現(xiàn),使得內(nèi)容更好的被瀏覽器的爬蟲和機(jī)器解析。當(dāng)我們要修改樣式的時候,只需要修改CSS文件,而不需要在html的一行行代碼中修改。內(nèi)容樣式分離寫,還可以讓我們的代碼清晰,便于閱讀。

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

可分為兩大部分,http-equiv和name這兩個變量

  • <meta charset="utf-8"> charset 用于對html編碼的定義。例如:utf-8;gbk;
  • <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 用于文檔兼容模式的定義,edge即告訴IE用當(dāng)前支持的最高級標(biāo)準(zhǔn)模式渲染,而chrome=1,表示使用chrome frame渲染。
  • <meta name="keywords" content="關(guān)鍵詞"> 描述網(wǎng)頁的屬性,關(guān)鍵詞形式
  • <meta name="description" content="詳細(xì)描述"> 描述網(wǎng)頁屬性,詳細(xì)的描述,可以是一段話
  • <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 定義網(wǎng)頁窗口的大小,特別是在手機(jī)端,使用viewport,使得網(wǎng)頁中的內(nèi)容不至于太小。

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

文檔聲明的作用是為了讓瀏覽器選擇呈現(xiàn)模式。

嚴(yán)格模式,Standards (標(biāo)準(zhǔn))模式,呈現(xiàn)遵循最新標(biāo)準(zhǔn)的網(wǎng)頁
混雜模式,Quirks (包容)模式,呈現(xiàn)以前未按統(tǒng)一標(biāo)準(zhǔn)編寫的網(wǎng)頁

<!DOCTYPE html>這個聲明告訴瀏覽器,這是一個遵循HTML5標(biāo)而寫的網(wǎng)頁,讓瀏覽器選擇嚴(yán)格模式。

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

瀏覽器設(shè)置的網(wǎng)頁編碼與html中定義的編碼不同,會造成亂碼。解決:查看網(wǎng)頁源代碼,設(shè)置與之相同的編碼。

html源代碼中出現(xiàn)的文字不是源代碼中定義的編碼類型,這時會造成亂碼。解決:修改源代碼中的編碼類型,使文字能正常顯示。

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

常見的瀏覽器及其內(nèi)核:

  • chrome,safari,其內(nèi)核是WebKit;
  • IE,其內(nèi)核是Trident;
  • firefox,其內(nèi)核是Gecko;
  • Opera,其內(nèi)核是Presto;

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

- <h1>用于標(biāo)題,有h1~h6,6個等級的標(biāo)題</h1>

- <p>表示一個段落</p>

- <a href="鏈接" target="打開方式(_blank,即在新窗口打開)" title="鏈接說明">顯示鏈接的文字</a>

- ![](圖片的URL)

- <div id="標(biāo)記這個‘塊’">分割文檔形成獨立的一個部分,可以應(yīng)用id或是class屬性</div>

- <ul>

    <li>表示無序列表</li>
    <li>表示并列的內(nèi)容</li>
    <li>可以嵌套</li>
  </ul>

- <ol>

    <li>表示有序列表</li>
    <li>顯示為帶編號的內(nèi)容</li>
    <li>可以嵌套</li>
  </ol>

- <dl>

    <dt>用于展示標(biāo)題和內(nèi)容,這里寫標(biāo)題</dt>
    <dd>標(biāo)題下的內(nèi)容</dd>
    <dd>標(biāo)題下的內(nèi)容格式表現(xiàn)為縮進(jìn),</dd>
  </dl>

- <button>按鈕,這里是顯示按鈕的文字;在標(biāo)簽內(nèi)部可以放置內(nèi)容</button>

- <p>對一段文字表示<em>強(qiáng)調(diào)</em>,或是更加<strong>強(qiáng)烈的強(qiáng)調(diào)</strong>,或者只是想要<span>標(biāo)記出來</span></p>

- <iframe src="鏈接" name="屬性">創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架,這里可以寫出說明的文字</iframe>
<p><a href="目標(biāo)鏈接" target="name">顯示鏈接的文字</a></p>當(dāng)使用一個鏈接target到<iframe>時,會在iframe創(chuàng)建的框架里顯示目標(biāo)鏈接的內(nèi)容

- <table>
    <tr>
      <th>tr表示一行</th>
      <th>th表示表頭,也表示列,這里輸入內(nèi)容</th>
    </tr>
    <tr>
      <td>再寫一個tr,表示這里是第二行,這里是第二行,第一列</td>
      <td>td表示列,這里是第二行,第二列</td>
    </tr>
  </table>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 關(guān)于 HTML 超文本標(biāo)記語言(HyperText Markup Language,簡稱 HTML)是一種用于創(chuàng)建...
    _空空閱讀 1,146評論 0 1
  • HTML、XML、XHTML 有什么區(qū)別 1.HTML 是用來描述網(wǎng)頁的一種語言,指的是超文本標(biāo)記語言 (Hype...
    饑人谷_牛牛閱讀 821評論 0 2
  • 1、HTML、XML、XHTML 有什么區(qū)別 HTML是超文本標(biāo)記語言(Hyper Text Markup Lan...
    imtns閱讀 316評論 0 1
  • 一.HTML、XML、XHTML 有什么區(qū)別 什么是 HTML? HTML 指的是超文本標(biāo)記語言 (Hyper T...
    Sunset125閱讀 868評論 0 1
  • 提起牧民,人們總會第一時間想到蒙古族,想到一望無際的大草原,卻很少有人知道在甘肅河西走廊也生活著一個以放牧為生的民...
    白羊先生閱讀 773評論 0 0

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