简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > H5教程 > 主體

HTML5學習筆記（一）-認識HTML5

黄舟
發布： 2017-03-16 15:32:23
原創
1417 人瀏覽過

什麼是 HTML5？

HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標準。

HTML 的上一個版本誕生於 1999 年。自從那以後，Web 世界已經經歷了巨變。

HTML5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 HTML5 支援。

HTML5 新規則：

  • #新特性應該是基於HTML、CSS、DOM 以及 JavaScript。

  • 減少對外部外掛程式的需求（例如Flash）

  • #更優秀的錯誤處理

  • #更多取代腳本的標記

  • HTML5 應該獨立於裝置

  • 開發程序應對公眾透明

新功能

HTML5 中的一些有趣的新功能：

  • 用於繪畫的canvas 元素

  • 用於媒介回放的video 和audio 元素

  • 對本地離線儲存的更好的支援

  • 新的特殊內容元素，例如article、footer、header、nav、section

  • 新的表單控制項，例如calendar、date、time、email、url、search

瀏覽器支援

最新版本的Safari、Chrome、Firefox 以及Opera 支援某些HTML5 特性。 Internet Explorer 9 將支援某些 HTML5 特性。

HTML基礎解說

#1. 宣告:

#　HTML也有多個不同的版本, 只有完全明白頁面中使用的確切HTML版本, 瀏覽器才能完全正確地顯示HTML頁面. 這就是的用處.

#　HTML5:

<!DOCTYPE html>
登入後複製

HTML4.01:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
登入後複製

XHTML1.0:

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
登入後複製

2. HTML基礎標籤 

#　　head, body

  • HTML 標籤是由尖括號包圍的關鍵字，例如

  • HTML 標籤通常是成對出現的，例如

  • 標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤

  • 開始和結束標籤也被稱為開放標籤和閉合標籤

  • <html><head></head><body><h1>My First title</h1><p>here is the first paragraph.</p></body></html>
    登入後複製

#　　例: 

  • #與 之間的文字描述網頁

  • 與 之間的是head部分

# 與 之間的文字是可見的頁面內容

#########

與

之間的文字被顯示為標題############

與

之間的文字被顯示為段落###########3. HTML標題### ###　　

...

等標籤進行定義###
<!DOCTYPE html>
    
    基础
    
    
    
标题1

    
标题2

    
标题3

    
标题4

    
标题5

    
标题6

    
这是我的第一个H5程序
登入後複製
###3. HTML段落######　　

標籤定義段落#####4. HTML連線######　　 標籤定義連線###

<a href="www.baidu.com">找度娘</a>
登入後複製

5. HTML图像

　　标签定义图像

<img src="照片的路径, 可以是网络的, 可以是本地的">
登入後複製


以上是HTML5學習筆記（一）-認識HTML5的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
html5
來源：php.cn
上一篇：HTML5+CSS3實作無外掛拖曳上傳圖片（支援預覽與批次）的詳情介紹 下一篇：HTML5學習筆記（二）-元素,屬性,格式化具體介紹
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何使用Javascript設定HTML5的required屬性？ 我正在嘗試在Javascript中將text輸入框標記為必需。 <inputid="edName"type="text"id=&quo...
來自於 2023-10-13 08:52:25
0
2
317
無法取得滑鼠準確座標的問題：在調整頁面大小時使用HTML5畫布 我想從前端專家那裡創建這個像素效果。雖然我能夠在全螢幕畫布上實現整個像素效果：constcanvas=getElementById('canvas');canvas.height=...
來自於 2023-09-12 12:20:33
0
1
280
使用Base64編碼的HTML5視訊M3U8 我想在HTML5的Video標籤中加入一個base64編碼的M3U8文件，我該怎麼做<!DOCTYPEhtml><htmllang="en"&...
來自於 2023-09-09 23:07:18
0
1
247
vue.js / bootstrap：未呼叫 onclick 事件方法，錯誤'找不到變數：updateDocument” 我是前端開發新手，但對HTML5、CSS和Javascript有基本了解。我創建了一個vue.js專案並添加了bootstrap和axios。我的應用程式會載入數據並顯示它們。但是...
來自於 2023-09-09 20:06:48
0
1
362
XHTML中移除影像標籤中的閉合斜線'/' 我有一個儲存圖像的字串txt1。它的值是XHTML格式，即元素已關閉：。但我需要刪除該關閉斜杠，因此它可以是像HTML5中一樣。有沒有辦法做到這一點。
來自於 2023-09-06 12:15:38
0
1
240
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！