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是自定義列表中的項目