1. gzyueqian
      18529173453

      學(xué)習(xí)html應(yīng)該了解哪些概念?粵嵌給你解答

      更新時(shí)間: 2018-11-07 15:24:08來(lái)源: HTML5培訓(xùn)瀏覽量:5420

          說(shuō)起html ,反應(yīng)是,前端工作中用它,它叫超文本標(biāo)記語(yǔ)言。so,我們真的懂它嗎?
          1.如何理解它的名字?
          A.HTML的“超文本”指,除了文字這種純文本外,它還可以表示圖片、視頻、音頻等不是文本的內(nèi)容。
          B.HTML的“標(biāo)記”指,HTML用標(biāo)簽定義網(wǎng)頁(yè)中的內(nèi)容,以便瀏覽器能準(zhǔn)確把這些內(nèi)容展示出來(lái)。
          C.HTML的“語(yǔ)言”指,它是與瀏覽器溝通的語(yǔ)言,瀏覽器通過(guò)聽(tīng)懂HTML這種特殊的語(yǔ)言,準(zhǔn)確顯示網(wǎng)頁(yè)內(nèi)容。
          就名稱來(lái)看,HTML是一門(mén)語(yǔ)言?它有單詞嗎?單詞組成句子有語(yǔ)法嗎?這個(gè)語(yǔ)言是誰(shuí)用的呢?
          2.如何理解它是一門(mén)語(yǔ)言?
          HTML作為一門(mén)特殊的語(yǔ)言,可類比漢語(yǔ)、英語(yǔ):
          A.標(biāo)簽:可理解為HTML的單詞;跟人類語(yǔ)言的單詞有含義一樣,每個(gè)HTML標(biāo)簽也有不同的語(yǔ)義,如<header>表示頭部,<nav>表示導(dǎo)航。跟英語(yǔ)相比,HTML的單詞數(shù)很少(114個(gè),常用的也就那么十幾二十個(gè)吧?)。
          相比記憶,學(xué)會(huì)查找或許更重要。MDN(HTML 元素參考)和W3C(HTML 教程)是不可或缺的查找字典。
          B.元素:一個(gè)開(kāi)始標(biāo)簽+內(nèi)容+一個(gè)結(jié)束標(biāo)簽組成HTML的元素。一個(gè)元素可理解為HTML的一個(gè)句子;雖然大多數(shù)元素有結(jié)束標(biāo)簽,但也有例外,如<img>。
          C.html文件:一個(gè).html格式的文件就是一篇HTML的文章,可包含若干個(gè)元素。
          當(dāng)閱讀.html格式的文件時(shí),正是因?yàn)闃?biāo)簽有語(yǔ)義,即使不用瀏覽器將文件翻譯出來(lái)(準(zhǔn)確表達(dá)應(yīng)該是渲染出來(lái)?姑且用“翻譯”來(lái)理解吧),你也可以想象這篇文章想要表達(dá)一個(gè)什么樣的網(wǎng)頁(yè)。語(yǔ)義化標(biāo)簽組成的網(wǎng)頁(yè),可以讓搜索引擎更好解析,有助于提高網(wǎng)頁(yè)在搜索結(jié)果中的排名(seo優(yōu)化)。
          3.它有語(yǔ)法嗎?是什么?
          跟英語(yǔ)的單詞,每個(gè)都有獨(dú)特的用法一樣,不同的HTML標(biāo)簽也有不同的用法。如大多數(shù)標(biāo)簽要求有結(jié)束標(biāo)記;部分則不需要,如<img>。此外,想要寫(xiě)出能表達(dá)更多意思的句子,單詞需與其他詞搭配使用,同理,每個(gè)HTML標(biāo)簽也有搭配用法,稱之為“屬性”。如<img>的width、height,借助這兩個(gè)屬性,圖片大小將更符合設(shè)計(jì)。
          隨著表達(dá)的需要,語(yǔ)言的詞庫(kù)在不斷更新,如出現(xiàn)網(wǎng)絡(luò)新詞;不常用、不方便使用(魑魅魍魎)的慢慢很少被使用,甚至被被棄用。隨著網(wǎng)頁(yè)表現(xiàn)形式的豐富,HTML的詞庫(kù)也在不斷更新,HTML4.0、HTML5.0標(biāo)準(zhǔn)應(yīng)運(yùn)而生。相比,HTML5標(biāo)準(zhǔn)做出了<strike>被棄用,新增<aside>等變更。(HTML標(biāo)準(zhǔn)就是限制你這樣寫(xiě)HTML文件,但不能那樣寫(xiě)的規(guī)定)
          4.它是如何跟瀏覽器溝通的?
          HTML文件的每一部分,代表了瀏覽器解析文件所需的關(guān)鍵信息,方便瀏覽器能更好理解、準(zhǔn)確解析:
          A.<!DOCTYPE html>:聲明文檔類型。當(dāng)瀏覽器解析HTML文件時(shí),會(huì)先查找此聲明,以確定用哪種方式渲染網(wǎng)站。此語(yǔ)句相當(dāng)于告訴瀏覽器:這是一個(gè)HTML文檔,請(qǐng)按HTML5的標(biāo)準(zhǔn)解析它。
          B.<head></head>:描述網(wǎng)頁(yè)的基礎(chǔ)信息;如<title>標(biāo)簽定義的標(biāo)題;<meta>標(biāo)簽定義的css 樣式表、js文件、編碼方式等。這些信息幫助瀏覽器更好的理解頁(yè)面,如<meta chartset=UTF-8>告訴瀏覽器應(yīng)使用utf編碼。
          C.<body></body>:用若干個(gè)元素定義了用戶在網(wǎng)頁(yè)上看到的內(nèi)容,如一張圖、一段文字。元素中可以嵌套其他元素,使文件呈樹(shù)狀層級(jí)結(jié)構(gòu):

          今天就講到這里 希望對(duì)大家能有所幫助。一如既往,歡迎點(diǎn)評(píng)!

      免費(fèi)預(yù)約試聽(tīng)課

      亚洲另类欧美综合久久图片区_亚洲中文字幕日产无码2020_欧美日本一区二区三区桃色视频_亚洲AⅤ天堂一区二区三区

      
      

      1. 亚洲乱理伦片在线观看中字 | 伊人色综合久久天天小片 | 乱码乱a∨中文字幕 | 日本精品视频区 | 性饥渴少妇推油按摩 | 尹人香蕉久久99天天拍欧美 |