2018年12月10日 星期一

[Back To Basic] HTML5 - Introduction

什麼是HTML?

HTML是建立網頁的標準標記語言

HTML文件說明

source code: https://github.com/ShawnTseng/HTML5-practice/commit/77c636afbc76e1d9c6555a5b89fdc64346f8a1b7

  • <!DOCTYPE html> 通常寫在第一行,宣告這份檔案的HTML版本,這樣寫代表HTML5
  • <html></html> 頁面的根元素(root element)
  • <head></head> 包含的中繼資料(meta data)
  • <title></title> 頁面的標題,會顯示在瀏覽器的頁籤上
  • <body></body> 真正會呈現的內容'

HTML標籤(tags)說明

<tagname>...</tagname>
  • 標籤名稱(tagname)
  • 標籤有開始標籤(start tag/opening tag)、結尾標籤(end tag/closing tag)
  • 開始和結尾標籤類似,但是多一個斜線符號(/)在標前名稱前方

瀏覽器

瀏覽器(e.g. IE, Chrome, Firefox)會讀取HTML文件,並且展現它。雖然這些標籤(tags)不會被展現出來,但是會透過這些標籤(tags)決定如何呈現。

HTML頁面結構






















這是整個HTML頁面的結構,只有白色的部分會顯示在瀏覽器上。

<!DOCTYPE>的宣告

<!DOCTYPE>是幫助瀏覽器判斷文件的類型(type),瀏覽器才能正確地顯示網頁。這個宣告只能出現一次,而且必須在整個檔案的最上方。
早期有很多種版本,不過之後都用HTML5,宣告方式如下
<!DOCTYPE html>

沒有留言:

張貼留言