HTML5标签与HTML标签的区别示例分析
这篇“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标签的区别示例分析”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341