html5有什麼新的？9個你需要知道的元素

HTML5是web上使用最廣泛的標記語言的最新版本。如果您沒有使用最新功能，您將錯過一些酷功能。...

HTML5是web上使用最廣泛的標記語言的最新和最偉大的版本。從最後一個版本的語言中有一些很大的變化，如果你沒有使用它們，你就錯過了一些真正酷的功能。

我們沒有空間來覆蓋HTML第五版中的每個新元素，但這九個元素是其中最重要的一部分。有關HTML5中新元素和API的更多信息，請務必查看W3學校。

語義要素概論

與大多數互聯網一樣，HTML5已經轉向關注語義。現在，標籤不再只是用來格式化，它們還被用來告訴瀏覽器和搜索引擎它們周圍的含義。

例如，簡單地告訴瀏覽器它包含一個段落。，我們將稍後討論，它告訴瀏覽器它包含頁面的主要內容。

語義網仍在發展，我們只是開始觸及它能做什麼的表面。HTML5正在幫助將語義標記帶到互聯網的更大部分，這隻會有利於語義處理的未來。

1

標籤定義了“獨立的、自包含的內容”。當然，最簡單的例子是一篇文章。對於這篇文章，我們將在介紹之前打開標籤，在結束之後關閉它。

<article> All of the text in your self-contained section.</article>

但你也可以用其他方法。例如，許多烹飪博客都有關於菜譜是如何產生的，以及為什麼菜譜對作者很重要的個人故事。接下來是菜譜本身。你可以說這些元素中的每一個都是獨立的。

在論壇中，每個帖子或帖子都可以被認為是獨立的，並且每個帖子或帖子都可以用自己的標籤進行標記。在大多數情況下，它將用於頁面的主要內容。但請記住，你也可以更創造性地使用它。

2

與is密切相關。這定義了一個“主題內容分組，通常有一個標題”。。。正確的？

不一定。W3指出，這取決於站點的結構。您可能在頁面的不同部分有自包含的內容（例如，想想新聞網站的首頁）。然後您可能會在該文章中有一些章節。

<article> <section> <h2>Why You Need a DAC</h2> <p>Everything sounds better.</p> </section> <section> <h2>How to Set up a DAC</h2> <p>Here's what you need to do . . .</p> </section>

如果適合您的頁面，您甚至可以在節中包含節。記住，一個部分只是一個“內容的主題分組”，你會發現有很多地方可以使用它。

三。

這個元素“應該用作介紹性內容的容器”，簡而言之，這是你頁面的一部分，它幫助人們理解他們即將閱讀的內容。

但別上當--你可以多次使用這個容器。例如，您可以使用它來標識您的博客文章的頁面標題和介紹性段落。但您也可以使用它來標記每個部分的介紹性內容。

<article> <header> <h1>Everything You Need to Know about DACs</h1> <p>Here's a useful introduction to DACs...</p> </header> The rest of your article goes here.

標題部分通常至少包含一個標題標記——H1、H2等。它們不必這樣做，但一般來說，如果您使用的是標題標記，那麼很可能會包含標題內容。

4

W3說頁腳標籤通常包含“文檔的作者、版權信息、使用條款的鏈接、聯繫信息等”，你可以把它看作是“內務管理”的東西。

<footer> Copyright: MakeUseOf, 2017. <a href="https://www.makeuseof.com/contact/">Contact Us</a></footer>

文檔還指出，頁面上可以有多個頁腳部分。不過，將所有這些信息保存在一個位置可能是個好主意。

5

此標記包含給定頁面的導航鏈接。請注意，只有導航部分獲得此標記，而不是頁面上的所有鏈接。用於導航欄和類似工具。

<nav> <a href="https://www.makeuseof.com/>Home</a> <a href="https://www.makeuseof.com/about">About</a></nav>

這是一個非常簡單的標籤——僅此而已。使用它來定義導航部分，不要在頁面上再次使用它。

6

HTML5中最有趣的新元素之一是旁白。W3給出了一個有些無益的定義，即“除了所放置的內容之外的一些內容”

簡言之，旁白是任何與周圍信息相關（但與之分離）的東西。它可以是一個邊欄，為您的內容添加細節。當它在一組標記中使用時，它提供了理解主要內容所不需要的附加信息。

例如，如果我們在本文中包含一個側邊欄，提供有關HTML5歷史的信息，那將是一個旁白。

但是標籤也可以在文章內容之外使用。在這種情況下，它通常用於站點相關信息。我們可以包括一個側邊欄，例如：

<article> The main article goes here. <aside>MakeUseOf is focused on bridging the connection between users, computers, devices and the internet through education.</aside> The article continues here.

因為這個標籤有多種用途，所以可能會讓人困惑。如果你記住它是“次要內容”，而且它並不總是需要一個側邊欄，那麼你就會對如何使用它有一個更好的想法。