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

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

成都創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供順慶企業(yè)網(wǎng)站建設(shè),專(zhuān)注與網(wǎng)站建設(shè)、做網(wǎng)站html5、小程序制作等業(yè)務(wù)。10年已為順慶眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。

(1)概念的變化:

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

<header>

<hgroup>導(dǎo)航相關(guān)數(shù)據(jù)</ hgroup>

</ header>

<nav>菜單</ nav>

<article>

<h2>標(biāo)題:HTML5專(zhuān)題視頻教程</ h2>

(2)聲明與標(biāo)簽:

HTML5在更多的聲明和標(biāo)簽上進(jìn)行了簡(jiǎn)化,也對(duì)兼容做了詳細(xì)的規(guī)定,廢除了部分元素,增加了部分元素

HTML5標(biāo)簽語(yǔ)法介紹及添加標(biāo)記

1,語(yǔ)法標(biāo)簽:

(1)補(bǔ)充寫(xiě)的結(jié)束符的標(biāo)簽:區(qū)域,basebr,col,command,Embed,hr,img,input,keygen,link,meta,param,source,Track ,wbr

(2)可以省略結(jié)尾符的標(biāo)簽:li,dt,dd,p,rt,optgroup,option,Colgroup,thread,tbody,tr,td,th

(3)可以完全省略的標(biāo)簽:html,head, body,colgroup,tbody

2,添加標(biāo)簽:

<article>標(biāo)記定義文章

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

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

<canvas>標(biāo)記定義圖片

<command>標(biāo)記定義一個(gè)命令按鈕

<datalist>標(biāo)記定義一個(gè)拖動(dòng)列表

<details>標(biāo)記定義一個(gè)元素的詳細(xì)內(nèi)容

<dialog>標(biāo)記定義一個(gè)內(nèi)部(會(huì)話框)

<embed>標(biāo)記定義外部的可交互的內(nèi)容或插件

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

<header>標(biāo)記定義一個(gè)頁(yè)面或一個(gè)區(qū)域的頭部

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

<keygen>標(biāo)記定義表單里一個(gè)生成的鍵值

<mark >在

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

<nav>標(biāo)記定義導(dǎo)航鏈接

<輸出>標(biāo)記定義一些輸出類(lèi)型

<progress>標(biāo)記定義任務(wù)的過(guò)程

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

<rt>標(biāo)記定義對(duì)rubyannotations的解釋

<section>標(biāo)記定義一個(gè)區(qū)域

<source>標(biāo)記定義媒體資源

<time>標(biāo)記定義一個(gè)日期/時(shí)間

<video>

復(fù)制代碼

代碼如下:

<!DOCTYPE html>

<head>

<meta charset = utf-8>

<title> PHP100中文網(wǎng)HTML5專(zhuān)題</ title>

<style type =“ text / css” rel =“ stylesheet”>

標(biāo)頭,導(dǎo)航,文章,頁(yè)腳{border:solid 1px#666; padding:5px}

標(biāo)頭{width:500px}

導(dǎo)航{float:left; width:60px; height:200px}

文章{float:left; width:428px; height:200px}

頁(yè)腳{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>

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

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

<p>測(cè)試相關(guān)內(nèi)容</ p>

</ article>

<footer>

<address>地址</ address>

</ footer>

</ body>

</ html>

以上就是關(guān)于“HTML5標(biāo)簽與HTML標(biāo)簽的區(qū)別示例分析”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前名稱(chēng):HTML5標(biāo)簽與HTML標(biāo)簽的區(qū)別示例分析
文章位置:http://muchs.cn/article20/ijdico.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、做網(wǎng)站、搜索引擎優(yōu)化、微信公眾號(hào)、品牌網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)