iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 7
0
Modern Web

前端初心者的30%經驗值系列 第 7

7% Html

超文本標記語言(HyperText Markup Language,簡稱:HTML),像是網頁的素顏。
由HTML寫成檔案後給瀏覽器們讀之後就會變成我們常看到的網頁啦~

HTML的型態是標籤,用角括號包住,裡面的則是HTML元素,標籤常兩兩成對的存在<html></html>第一個標籤表示元素開頭,第二個標籤在元素前加入斜線表示元素結束,而中間的內容會被顯示於網頁上,標籤元素則是給瀏覽器區別內容的資料類別所以不會顯示在網頁上。另外有沒有內容的稱為空元素,例如<img>


HTML的標籤(Markup)的意思是資料類型的區別,例如標籤<img>是圖片,標籤<span>是一行資料,標籤<div>是一塊資料。標籤像分類一樣,不同標籤有不一樣的呈現方式。

語意化的標記 (Semantic markup)

讓你懂~讓瀏覽器懂~讓接手的人懂~讓搜尋引擎懂~讓大家都懂不是只有你看得懂的~
例如,網頁的選單,導覽列的區塊可以用<nav>標籤取代單純只代表區塊的<div>標籤,<header>標籤則包裹網頁的標題...等。


HTML5

HTML5是2014年由全球資訊網協會(W3C)完成標準制定,是目前HTML最新的版本。
HTML5,為了讓html可以有更豐富的呈現。重要特點是減少對外掛程式(例如裝Flash)的依賴和注重HTML與CSS和JavaScript之間的配合。

新特色

  • 增加新的標籤注重語意化的特性,例<article>、<footer>、<header>、<nav>、<section>
  • 更好處理多媒體應用的元素<video>、<audio>
  • 用於繪圖的元素<canvas>

參考資料
W3C的HTML5簡介


上一篇
6% Git
下一篇
8% CSS
系列文
前端初心者的30%經驗值30

1 則留言

0
Luke
iT邦新手 2 級 ‧ 2017-12-26 16:11:03

沒有寫 HTML5 差在哪?/images/emoticon/emoticon06.gif

sunny iT邦新手 5 級 ‧ 2017-12-27 11:29:09 檢舉

應觀眾要求~增加了HTML5特性/images/emoticon/emoticon16.gif

我要留言

立即登入留言