IFE第二天小結(jié)

1、HTML是什么,HTML5是什么

HTML 是用來描述網(wǎng)頁的一種語言。

  • HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language)
  • HTML 不是一種編程語言,而是一種標(biāo)記語言 (markup language)
  • 標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
  • HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁

HTML5 是下一代的 HTML。

  • HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標(biāo)準(zhǔn)。
  • HTML 的上一個版本誕生于 1999 年。自從那以后,Web 世界已經(jīng)經(jīng)歷了巨變。
  • HTML5 仍處于完善之中。然而,大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。

2、HTML元素標(biāo)簽、屬性都是什么概念?

HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。

  • HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞,比如 <html>
  • HTML 標(biāo)簽通常是成對出現(xiàn)的,比如 <b> 和 </b>
  • 標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽,第二個標(biāo)簽是結(jié)束標(biāo)簽
  • 開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽

屬性為 HTML 元素提供附加信息。

  • HTML 標(biāo)簽可以擁有屬性。屬性提供了有關(guān) HTML 元素的更多的信息。
  • 屬性總是以名稱/值對的形式出現(xiàn),比如:name="value"。
  • 屬性總是在 HTML 元素的開始標(biāo)簽中規(guī)定。

3、文檔類型是什么概念,起什么作用?

HTML 文檔 = 網(wǎng)頁

  • HTML 文檔描述網(wǎng)頁
  • HTML 文檔包含 HTML 標(biāo)簽和純文本
  • HTML 文檔也被稱為網(wǎng)頁
    Web 瀏覽器的作用是讀取 HTML 文檔,并以網(wǎng)頁的形式顯示出它們。
    瀏覽器不會顯示 HTML 標(biāo)簽,而是使用標(biāo)簽來解釋頁面的內(nèi)容。

4、meta標(biāo)簽都用來做什么的?

元數(shù)據(jù)(metadata)是關(guān)于數(shù)據(jù)的信息。

  • <meta> 標(biāo)簽提供關(guān)于 HTML 文檔的元數(shù)據(jù)。
  • 元數(shù)據(jù)不會顯示在頁面上,但是對于機(jī)器是可讀的。
  • 典型的情況是,meta 元素被用于規(guī)定頁面的描述、關(guān)鍵詞、文檔的作者、
    最后修改時間以及其他元數(shù)據(jù)。
  • 元數(shù)據(jù)可用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞),
    或其他 web 服務(wù)。

5、Web語義化是什么,是為了解決什么問題

html語義化

  • 一個 html元素的存在就意味被標(biāo)記內(nèi)容的那部分有相應(yīng)的結(jié)構(gòu)化的意義,
    沒有理由使用其他的標(biāo)記。
  • 換句話說,不要讓css使一個html元素看起來就像另一個html元素,
    比如用<div>來代替<p>標(biāo)記標(biāo)題。

css命名語義化

  • 一般而言,CSS類名的語義化聲明方式應(yīng)當(dāng)考慮頁面中某個相對元素的”用意”,
    獨立于它的“定位”或確切的特性(結(jié)構(gòu)化方式)。
  • 像left-bar, red-text, small-title…這些都屬于結(jié)構(gòu)化定義的例子。

web語義化的好處

  • 去掉或者丟失樣式的時候能夠讓頁面呈現(xiàn)出清晰的結(jié)構(gòu)
  • 有利于SEO:和搜索引擎建立良好溝通,有助于爬蟲抓取更多的有效信息:
    爬蟲依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重;
  • 方便其他設(shè)備解析(如屏幕閱讀器、盲人閱讀器、移動設(shè)備)以意義的方式來渲染網(wǎng)頁;
  • 便于團(tuán)隊開發(fā)和維護(hù),語義化更具可讀性,是下一步吧網(wǎng)頁的重要動向,
    遵循W3C標(biāo)準(zhǔn)的團(tuán)隊都遵循這個標(biāo)準(zhǔn),可以減少差異化。

6、鏈接是什么概念,對應(yīng)什么標(biāo)簽?

HTML 使用 <a> (錨)標(biāo)簽來創(chuàng)建連接另一個文檔的鏈接。
錨可以指向網(wǎng)絡(luò)上的任何資源:一張 HTML 頁面,一幅圖像,一個聲音或視頻文件等等。
鏈接對應(yīng)的的標(biāo)簽是:

<a href="#">這是一個空鏈接</a>

7、常用標(biāo)簽都有哪些,都適合用在什么場景

常用的標(biāo)簽太多,熟練使用W3C手冊即可。

8、表單標(biāo)簽都有哪些,對應(yīng)著什么功能,都有哪些屬性?

HTML中常用的表單元素包括:

  • 文本區(qū)域(textarea)
  • 列表框(select)
  • 文本輸入框(input type=text)
  • 密碼輸入框(input type=password)
  • 單選輸入框(input type=radio)
  • 復(fù)選輸入框(input type=checkbox)
  • 重置按鈕、提交按鈕、隱藏域、等等

9、ol, ul, li, dl, dd, dt等這些標(biāo)簽都適合用在什么地方,舉個例子。

  • ol是有序列表

  • ul是無序列表

  • li是列表元素

  • dl是自定義列表

  • dd是自定義列表中的內(nèi)容

  • dt是自定義列表中的項目

最后編輯于
?著作權(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ù)。

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