摘要:本篇教程探讨了HTML5代码学习(1)文档结构和语义,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 。
本篇教程探讨了HTML5代码学习(1)文档结构和语义,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 。
<
<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<!--header 和hgroup-->
<!--header标签在语法规范中包含标题、标题介绍或标题导航。header不允许嵌套,也不允许出现在地址或者footer元素内-->
<header>
<img />
<hgroup>
<h1>
</h1>
<h2>
</h2>
</hgroup>
</header>
<!--article-->
<!--article元素对应Web页面中的一个独立区域,该区域可包含新闻、博客文章之类的内容-->
<div>
<article>
<img />
<h2></h2>
<address></address>
<time>2014-8-4</time>
</article>
</div>
<!-- aside元素作用于页面上一些与主题联系不大而相对独立的区域。
section元素作用于同一主题下不同的文档部分,例如论文各章节或是表单页面中的独立表格。-->
<aside>
<h2></h2>
<section>
<h3></h3>
<p></p>
<input />
</section>
<section>
<h3></h3>
<p></p>
<input />
</section>
<nav>
<h3></h3>
<ul>
<li></li>
</ul>
<a></a>
</nav>
</aside>
<!--一个figure中只能包含一个figcaption元素,实际上不能算作结构性元素,但在组织独立图片、图像、图标以及编码列表不错-->
<figure>
<img />
<img />
<img />
<figcaption>
图片说明
</figcaption>
</figure>
<!--bei jing
北 京-->
<ruby>
北<rt>bei</rt>
京<rt>jing</rt>
</ruby>
<!--mark 高亮标记一段文字-->
<mark>高亮标记一段文字</mark>
<!--wbr 破折号,没有结尾-->
<wbr>用于让浏览器为长单词增加<wbr>可选择的破折号,以便自动折行
www.simply<wbr>orange<wbr />juice.com
<!--footer并非必须出现在页面底部,它也可以是article元素的一部分。footer不能嵌套,也不能在header或address里。-->
<!--nav导航-->
<footer>
<p></p>
<nav>
<h3></h3>
<div>
<a></a>
</div>
</nav>
</footer>
</body>
</html>
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号