溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“HTML5標簽與HTML標簽的區別示例分析”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“HTML5標簽與HTML標簽的區別示例分析”文章吧。
（1）概念的變化：
HTML5專注內容與結構，而不專注的表現
<header>
<hgroup>導航相關數據</ hgroup>
</ header>
<nav>菜單</ nav>
<article>
<h2>標題：HTML5專題視頻教程</ h2>
（2）聲明與標簽：
HTML5在更多的聲明和標簽上進行了簡化，也對兼容做了詳細的規定，廢除了部分元素，增加了部分元素
HTML5標簽語法介紹及添加標記
1，語法標簽：
（1）補充寫的結束符的標簽：區域，basebr，col，command，Embed，hr，img，input，keygen，link，meta，param，source，Track ，wbr
（2）可以省略結尾符的標簽：li，dt，dd，p，rt，optgroup，option，Colgroup，thread，tbody，tr，td，th
（3）可以完全省略的標簽：html，head， body，colgroup，tbody
2，添加標簽：
<article>標記定義文章
<aside>標記定義頁面內容部分的側邊欄
<audio>標記定義音頻內容
<canvas>標記定義圖片
<command>標記定義一個命令按鈕
<datalist>標記定義一個拖動列表
<details>標記定義一個元素的詳細內容
<dialog>標記定義一個內部（會話框）
<embed>標記定義外部的可交互的內容或插件
<figure>標記定義的一組媒體內容以及它們的標題<footer >標記定義一個頁面或一個區域的底部
<header>標記定義一個頁面或一個區域的頭部
<hgroup>標記定義文件中一個區塊的相關信息
<keygen>標記定義表單里一個生成的鍵值
<mark >在
預定義范圍內的標記定義有標記的文本<meter>
<nav>標記定義導航鏈接
<輸出>標記定義一些輸出類型
<progress>標記定義任務的過程
<rp>標記是用在Rubyannotations告訴那些不支持Ruby元素的瀏覽器如何去顯示
<rt>標記定義對rubyannotations的解釋
<section>標記定義一個區域
<source>標記定義媒體資源
<time>標記定義一個日期/時間
<video>
復制代碼
代碼如下：
<！DOCTYPE html>
<head>
<meta charset = utf-8>
<title> PHP100中文網HTML5專題</ title>
<style type =“ text / css” rel =“ stylesheet”>
標頭，導航，文章，頁腳{border：solid 1px＃666; padding：5px}
標頭{width：500px}
導航{float：left; width：60px; height：200px}
文章{float：left; width：428px; height：200px}
頁腳{clear： both; width：500px}
</ style>
<script type =“ text / javascript”>
document.createElement（'article'）;
document.createElement（'nav'）;
document.createElement（'header'）;
</ script>
</ head>
<body>
<header>
<article>
<h2> HTML5主題視頻教程</ h2>
發布日期：<時間> 09:00 </ time>
<時間datetime =“ 2013-2-10”>春節</ time>
<p>測試相關內容</ p>
</ article>
<footer>
<address>地址</ address>
</ footer>
</ body>
</ html>
以上就是關于“HTML5標簽與HTML標簽的區別示例分析”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
