百度前端學院-基礎學院-第二課

迪迪的部落格發表於2018-04-25
  • HTML是什麼,HTML5是什麼
  • HTML元素標籤、屬性都是什麼概念?
  • 文件型別是什麼概念,起什麼作用?
  • meta標籤都用來做什麼的?
  • Web語義化是什麼,是為了解決什麼問題
  • 連結是什麼概念,對應什麼標籤?
  • 常用標籤都有哪些,都適合用在什麼場景
  • 表單標籤都有哪些,對應著什麼功能,都有哪些屬性
  • ol, ul, li, dl, dd, dt等這些標籤都適合用在什麼地方,舉個例子

今天是第二課,需要解決以上問題。以下是學習過程中對問題的解答。

1,什麼是HTML,HTML指的是超文字標記語言,不是一種程式語言,是一種標記語言。其實是一套標記標籤。用來描述網頁。HTML5是下一代的HTML,HTML5,去其糟泊取其精華,並順應時事,新增了一些功能和規則。具體來說,HTML5新建的規則有:

  • 新特性應該基於 HTML、CSS、DOM 以及 JavaScript。
  • 減少對外部外掛的需求(比如 Flash)
  • 更優秀的錯誤處理
  • 更多取代指令碼的標記
  • HTML5 應該獨立於裝置
  • 開發程式應對公眾透明

HTML5新增的新特性有:

  • 用於繪畫的 canvas 元素
  • 用於媒介回放的 video 和 audio 元素
  • 對本地離線儲存的更好的支援
  • 新的特殊內容元素,比如 article、footer、header、nav、section
  • 新的表單控制元件,比如 calendar、date、time、email、url、search

2,HTML元素標籤、屬性都是什麼概念?

HTML元素標籤是一類用來描述網頁結構的tags。屬性提供了有關HTML元素的更多的資訊,屬性總是以key/value的形式出現,比如:class:”head”。

3,meta標籤都是用來幹嘛的? meta是提供關於HTML的後設資料,不會顯示在頁面上,但是對於機器是可讀的。一般被用來規定頁面的描述、關鍵詞、文件作者。

後設資料可用來瀏覽器如何顯示內容或重新載入頁面,用於搜尋引擎(關鍵字)。一些搜尋引擎會利用 meta 元素的 name 和 content 屬性來索引您的頁面。

4,文件型別是什麼概念,起什麼作用?文件型別就是:: <!DOCTYPE> 宣告.  HTML有多個版本,只有完全明白頁面中使用的確切HTML版本,瀏覽器才能完全正確的顯示頁面,不是一個標籤,是一個為瀏覽器設定的宣告,告訴瀏覽器用的版本號,HTML5使用的版本宣告為<!DOCUMENT html>

5, 連結是什麼概念,對應什麼標籤?連結也就是超連結,可以是一個字、一幅圖、一組詞,可以通過點選這些,來實現跳轉到另外一個頁面。對應標籤是<a>

6, ol, ul, li, dl, dd, dt等這些標籤都適合用在什麼地方,舉個例子:

ol: 有序list,前面預設數字排序。ul:無需list,預設小黑原點。li:list的專案。dl:自定義序列,dd:自定義的專案,dl:自定義專案描述。

7,常用標籤都有哪些,都適合用在什麼場景:<h1>標題<p>段落<address>地址<q>短引用<blockqoute>長引用

8,  表單標籤都有哪些,對應著什麼功能,都有哪些屬性? <form>,表單元素有<input>,<textarea>,<button>

9,Web語義化是什麼,是為了解決什麼問題?

語義化是為了讓機器能讀懂頁面,有利於種使用者代理甚至網路爬蟲更好地理解 HTML 文件。有利於搜尋引擎搜尋。

 

相關文章