温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML5标签与HTML标签的区别示例分析

发布时间:2022-03-09 10:58:13 来源:亿速云 阅读:149 作者:iii 栏目:web开发

这篇“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标签的区别示例分析”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI