首頁 web前端 前端問答 html5基本文檔結構有哪三個標籤

html5基本文檔結構有哪三個標籤

Dec 16, 2021 pm 05:38 PM
html5

html5基本文件結構的三個標籤:1、「」標籤,用來告知瀏覽器本身就是一個HTML文件;2、「」標籤,包含文件的元數據,向瀏覽器提供有關文件內容和標記的資訊;3、「」標籤,包含訪客可以看到的內容。

html5基本文檔結構有哪三個標籤

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

HTML(Hypertext Markup Language,超文本標記語言)誕生於1990年代初,用於指定建立網頁的元素,這些元素中的大多數都用於描述網頁內容,如標題、段落、清單、其他網頁的連結等。 HTML5是HTML的最新版本,它的大部分內容都可以相容於新舊瀏覽器,並新增了大量新的功能。 HTML5也引進了原生的音訊和視訊播放功能。

HTML5簡介

HTML5其實是一系列用來製作現代富Web內容的相關技術的總稱,其中最重要的三項技術是HTML5核心規範、CSS(Cascading Style Sheets,層疊樣式表)和JavaScript。 

1)HTML5核心規格定義用以標記內容的元素,並明確其意義。 

2)CSS用來控制標記過的內容呈現在使用者面前的外觀。 

3)JavaScript用來操縱HTML文件的內容以及回應使用者的操作。 

同時HTML5引入了原生的多媒體支持,並引入了可程式內容(canvas元素,必須使用到JavaScript)和語義Web。 

如果想了解更多關於HTML5的歷史,可以參考 維基百科

HTML文件基本結構

」HTML文件就是對一個文件的描述,都有一個固定的結構,分成許多個部分,每個部分都包含了一個或多個元素。有些元素用於描述文檔的基本信息,有些則描述文檔結構,下面就是一個基本的HTML文檔的結構:、

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Your page title</title>
</head>
<body>
.....
</body>
</html>
登入後複製

該HTML文檔描述了一個空白頁,這些基礎成分確定了HTML文件的輪廓以及瀏覽器的初始環境。

DOCTYPE元素

DOCTYPE元素可以省略,大多數瀏覽器仍能正確顯示文件內容,不過依賴瀏覽器的這種表現不是好習慣。該元素告訴瀏覽器兩件事情: 

  • 它處理的是HTML文件;

  • 用來標記文件內容的HTML所屬的版本,上面的寫法就表示所用的是HTML5。

##註:doctype 宣告不屬於HTML 標籤。

html元素

#html元素是根元素,它告知瀏覽器本身就是一個HTML文件。 lang屬性指定頁面內容的預設語言,例如:en表示英語,es表示西班牙語,等。


#head元素




head元素包含文檔的元數據,向瀏覽器提供有關文檔內容和標記的信息,還可以包含腳本和對外部資源(例如CSS樣式表)的引用。

### ######body元素###############文件body部分包含訪客可以看到的內容。######在有了這個基本的結構後,我們後面就可以將HTML的其它元素逐步添加進去,不斷的豐富文檔,最終得到我們希望的頁面。######## 推薦教程:《###html視頻教程###》## #

以上是html5基本文檔結構有哪三個標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1421
52
Laravel 教程
1316
25
PHP教程
1266
29
C# 教程
1239
24
HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。

See all articles