『壹』 html5标签大全,还在为不认识的h5标签迷茫吗
废除的元素
1、能用css代替的元素
basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的,HTML5中提倡把画面展示性功能放在css中统一编辑。
『贰』 如何设置HTML5 标签的样式
<pstyle="color:red;">第一种方式</p>
<style>
.aa{
color:red;
}
</style>
<pclass="aa">第二种方式</p>
『叁』 使用<header>lt;footer>lt;nav>等h5标签,和全部使用<div>有什么区别
header、footer等标签是html5新增的语义化标签,作用是使html更有语义化
用法与div没有什么特殊的区别
全部都使用div会使得文档结构不如语义化标签更明确
『肆』 在一个H5页面编写长篇文章 使用什么标签 或 工具
H5页面是一种新型的移动社交营销工具,凡科微传单是一个免费H5场景应用制作和发布平台。不用懂设计、不用会编程,1分钟上手制作,通过简单的操作,人人都能制作出一份受众喜欢的H5创意页面。
『伍』 html5废除的标签在页面上就不能使用了吗 所有浏览器都不支持h5的废除标签了吗
可以用的
【摘抄】虽然IE9已经宣称支持html5了,但是IE8完全不支持。现在仍有一大批的人坐在06、07年的奔四老爷机面前,用着xp的系统,装着IE8在爬网;还有一些恋旧老哥、老姐们,买的新机咔嚓掉正版win7,换上D版XP。虽然现在有了Html5shiv,可以让IE8有限支持一些HTML新标签,也仅仅是几个新标签而已。我可以选择使用什么新技术,但是不能要求你产品的用户必须装什么浏览器(除非你给铁老大做东西,春运票只有我这儿卖,必须装IE10才能买票
http://www.cnblogs.com/mzwhj/archive/2013/02/18/2916393.html
『陆』 html5里面新增的用于网页布局的标签有哪些
<header>标签
<header>标签定义文档的页眉(介绍信息)
用法:
<header><h1>windyauang的Dreamweaver专栏</h1></header>
<nav>标签
<nav> 标签定义导航链接的部分
用法:
<nav>
<ul>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单二</a></li>
<li><a href="#">菜单三</a></li>
<li><a href="#">菜单四</a></li>
</ul>
</nav>
<section> 标签
<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分
用法: <section>
<h1>标题一</h1>
<p>文章段落内容</p>
</section>
<article> 标签
<article> 标签定义外部的内容。 外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自blog的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。总之,可以理解为article所表示的就是文章内容。
用法:<article>
<a href="#">文章内链接</a><br />
文章内容文章内容文章内容
</article>
<aside> 标签
<aside>标签定义article以外的内容。aside的内容应该与article的内容相关,如上图所示,它类似于布局中的辅助侧边栏。
用法: <aside>
<h4>小标题</h4>
段落内容段落内容
</aside>
<footer> 标签
<footer> 标签定义section或document的页脚。在典型情况下,该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息,也就是类似于版权信息的东西。
用法: <footer>
页脚文字,版权信息等
</footer>
整体的Html5代码应该如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<header> <h1><a href="#">windyauang的Dreamweaver专栏-Html5布局示范文档</a></h1> </header>
<nav>
<ul>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单二</a></li>
<li><a href="#">菜单三</a></li>
<li><a href="#">菜单四</a></li> </ul>
</nav>
<section>
<header>内容标题</header>
<article>文章内容</article>
<footer>文章版权内容</footer>
</section> <aside>相关内容</aside>
<footer>页脚、页面版权内容</footer>
</body>
『柒』 如果后台给前端传的数据带有h5标签,前端如何解析
正常解析,将h5标签插入到指定的地方
『捌』 Html5新增的标签有哪些
新增的结构标签:
1、header元素
表示页面中一个内容区块或真个页面的标题。
2、hgroup元素
表示对真个页面或页面中的一个内容区块的标题进行组合。
3、article元素
表示页面中一块与上下文不相关的独立内容。比如一篇文章。
4、aside元素
表示article元素内容之外的、与article元素内容相关的辅助信息。
5、footer元素
表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。
『玖』 H5的语义化标签新特性应该如何使用
HTML5新特性
简洁的DOCTYPE:
HTML5 只有一个简单的文档类型:<!DOCTYPE html>,表示浏览器会按照标准模式解析。
简单易记的编码类型
你现在可以在meta 标签中使用”charset”:<meta charset=”utf-8″ />
脚本和链接无需type
<linkrel="stylesheet"href="path/to/stylesheet.css"/>
<scriptsrc="path/to/script.js"></script>
更加语义化的新增标签
比如说:<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>等
<videowidth="640"height="320"preload="auto"poster="0.jpg"controls>
<sourcesrc="movie.ogg"type="video/ogg"/>
<sourcesrc="movie.mp4"type="video/mp4"/>
.
</video>
『拾』 H5中header标签应该如何使用
在HTML5之前的版本大家可能有用DIV标签布局网页的习惯,但是H5在DIV标签的基础上增加了header标签元素,也就是我们说的头部标签,以往我们在布局中常常把网页分为头部,内容,底部,现在已经有系统的标签来帮我们规划,也是方便了很多,那么这个header标签需要怎么使用呢?今天我们就来好好的研究一下
正应为大家公认html布局中对“header”为常用命名,所以在HTML5新增了个header标签元素。可以这样理解为什么在html5中新增header为标签元素。
除了直接使用header标签外,也可以对header设置class或id。
语法结构
header标签元素和p用法相同。有开始有闭合。
语法:
1
<header>内容</header>
直接不给id或class
1
<header>头部内容区</header>
设置id
1
<header id=”p”>头部内容区</header>
设置class
1
<header class=”p”>头部内容区</header>
特点:就像DIV标签元素一样可以多次使用,不同地方可以使用id或class设置不同样式。
兼容性
因为header标签是HTML5新增标签元素,所以旧版本浏览器均不支持,需要IE9+以上浏览器、最新谷歌Chrome等浏览器才支持。当然国内360浏览器、网络浏览器、遨游浏览器等浏览器均借用系统自带IE内核,所以国内浏览器实际上与你系统自带浏览器IE版本相同,所以你IE浏览器在IE9或以上版本自然就兼容HTML5新增标签元素。
新旧DIV布局对比案例
通过DIV+CSS布局与HTML5+CSS布局对比观察并掌握对header应用。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html5 Header标签实例</title>
<style>
/* 传统布局CSS */
#header{ width:300px; height:40px; background:#CCC}
/* HTML5布局样式 */
header{ width:400px; height:70px; color:#F00; background:#F5F5F5}
.color-000{ color:#000; background:#666}
</style>
</head>
<body>
<p id="header">我在传统p布局中</p>
<header>我在传统p布局中,必须在支持HTML5浏览器才能看到效果,
建议谷歌浏览器测试观察效果</header>
<header class="color-000">我颜色为黑色,背景为#666</header>
</body>
</html>