HTML5標簽與HTML標簽的區(qū)別示例分析

發(fā)布時間：2022-03-09 10:58:13 來源：億速云閱讀：150 作者：iii 欄目：web開發(fā)

這篇“HTML5標簽與HTML標簽的區(qū)別示例分析”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“HTML5標簽與HTML標簽的區(qū)別示例分析”文章吧。

（1）概念的變化：

HTML5專注內(nèi)容與結(jié)構(gòu)，而不專注的表現(xiàn)

</ header>

<h2>標題：HTML5專題視頻教程</ h2>

（2）聲明與標簽：

HTML5在更多的聲明和標簽上進行了簡化，也對兼容做了詳細的規(guī)定，廢除了部分元素，增加了部分元素

HTML5標簽語法介紹及添加標記

1，語法標簽：

（1）補充寫的結(jié)束符的標簽：區(qū)域，basebr，col，command，Embed，hr，img，input，keygen，link，meta，param，source，Track ，wbr

（2）可以省略結(jié)尾符的標簽：li，dt，dd，p，rt，optgroup，option，Colgroup，thread，tbody，tr，td，th

（3）可以完全省略的標簽：html，head， body，colgroup，tbody

2，添加標簽：

<article>標記定義文章

<aside>標記定義頁面內(nèi)容部分的側(cè)邊欄

<audio>標記定義音頻內(nèi)容

<canvas>標記定義圖片

<command>標記定義一個命令按鈕

<datalist>標記定義一個拖動列表

<details>標記定義一個元素的詳細內(nèi)容

<dialog>標記定義一個內(nèi)部（會話框）

<figure>標記定義的一組媒體內(nèi)容以及它們的標題<footer >標記定義一個頁面或一個區(qū)域的底部

<header>標記定義一個頁面或一個區(qū)域的頭部

<hgroup>標記定義文件中一個區(qū)塊的相關(guān)信息

<keygen>標記定義表單里一個生成的鍵值

<mark >在

預定義范圍內(nèi)的標記定義有標記的文本<meter>

<nav>標記定義導航鏈接

<輸出>標記定義一些輸出類型

<progress>標記定義任務的過程

<rp>標記是用在Rubyannotations告訴那些不支持Ruby元素的瀏覽器如何去顯示

<rt>標記定義對rubyannotations的解釋

<section>標記定義一個區(qū)域

<source>標記定義媒體資源

<time>標記定義一個日期/時間

<video>

復制代碼

代碼如下：

<！DOCTYPE html>

<head>

標頭，導航，文章，頁腳{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>

document.createElement（'article'）;

document.createElement（'nav'）;

document.createElement（'header'）;

</ script>

</ head>

<body>

<h2> HTML5主題視頻教程</ h2>

發(fā)布日期：<時間> 09:00 </ time>

<時間datetime =“ 2013-2-10”>春節(jié)</ time>

</ article>

</ footer>

</ body>

</ html>

以上就是關(guān)于“HTML5標簽與HTML標簽的區(qū)別示例分析”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

HTML5標簽與HTML標簽的區(qū)別示例分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽