4/06/2020

HTML5,簡化又進化的超文本標記語言

HTML5是HTML語言的最新版本,它有以下特色:

1. 新版增加了一些以前沒有的標記,例如<article>和<video>,可以用來更明確標記網頁內容,也提供更多樣的標記以滿足新的需求。

2. 舊版的HTML語言主要服務於靜態網頁,新版則提供更順暢的網頁應用(web application)接口,讓網頁可以容納更多具互動性的內容。

3. 新版保留了對舊版的兼容性,能繼續支援舊版的標記,因此即便使用舊版的HTML標記的網頁,仍能正常顯示。

4. 網頁的樣式(style)表現,如字型、字體大小、顏色、邊距、行高、水平對齊等,幾乎都改由CSS語言來設置。

5. HTML5將是一種living standards,也就是其規則不是完全固定了,會持續更新。

6. 遵守新的標記規範,能使.html文件更快被瀏覽器顯示。不同瀏覽器顯示的差異性也會減少。設置的CSS格式也會運作得更好。

7. HTML標準制定機構為World Wide Web Consortium (W3C),該網站提供了檢測.html文件的功能,能檢測網頁是否符合HTML5規範:http://validator.w3.org


HTML5的必備標記

*在.html文件的最開頭,宣告版本為HTML5,寫法:<!doctype html>。此宣告可幫助各種瀏覽器(IE、Safari、Chrome…)正確顯示.html文件。

*緊接著doctype宣告之後,要以<html>作為最頂層的標記。

*<head>和<body>兩組標記要依先後放在<html>標記內。

*在<head>標記內,第一行要先用<meta>宣告文本字符編碼格式,寫法:<meta charset="UTF-8">。
UTF-8是能兼容多國語言的一種字符編碼。UTF-8也是網頁和電子郵件的首選編碼。也可以用小寫“utf-8”,意思一樣,效果一樣。

*在<head>標記內,必須有<title>(網頁標題)的標記。

*若嵌入圖片,<img>都必須標示alt屬性,才符合HTML5的要求,寫法:<img src="xxx.jpg" alt="TEXT HERE">


總結:標準的HTML5.html文件必備標記

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>網頁標題</title>
</head>
<body>
<img src="xxx.jpg" alt="TEXT HERE">
</body>
</html>

1 則留言:

  1. ③ "회사"가 약관을 개정할 경우에는 적용일자 및 개정사유를 명시하여 현행약관과 함께 그 개정약관의 적용일자 7일 전부터 적용일자 전일까지 공지한다. 단 "회원"의 권리, 의무에 중대한 영향을 주는 변경의 경우에는 적용일자 30일 전부터 공지하도록 한다. ③ "회원"이라 함은 서비스를 이용하기 위하여 동 약관에 동의하거나 외부연계 계정을 통해 "회사"와 이용계약을 체결한 "개인회원"을 말한다. 또한, 마카오라고 불리었던 게임은 총 9명이 플레이 할수 있었던 게임인데 스카이카지노 이것이 바카라로 불리웠던 것이 현대의 바카라가 되었다는 이야기도 있습니다. 이런 먹튀가 이루어 진다면 플레이 하면서 얻은 소중한 나의 자금을 출금도 해보지 못하고 한번에 날려 버리는 불상사가 발생수 있습니다.

    回覆刪除