菜单

【HTML】HTML之marquee详解

2019年5月4日 - Ajax

正文最初揭橥于博客园,并在GitHub上不停立异前者的文山会海小说。应接在GitHub上关注本人,一齐入门和进阶前端。

以下是本文。

该标签不是HTML三.二的壹局地,并且只帮忙MSIE叁以往基本,所以假如您接纳非IE内核浏览器(如:Netscape)可能无法见到上面一些很风趣的功力
该标签是个容器标签
语法:

HTML5的介绍

<marquee></marquee>

Web 本事发展时间线

二〇〇〇年的报表布局日趋被淘汰,是因为:表格是用来承载数据的,并不是用来划分网页结构的。

二〇一〇年就已经生产了HTML5的草案,但直至201四年才有定稿,是因为有运动端的带动。

H5草案的前身是叫:Web
Application,最早是由WHATWG那些团体在200四年提议的。

200七年被 W3C 组织接受,并在 二零零六-0壹-2二 揭橥 HTML5 的率先个草案。

以下是一个最轻易易行的例子:

什么是 HTML5

HTML伍并不只只是做为HTML标识语言的2个新型版本,更关键的是它制定了Web应用开采的1多级专门的学问,成为第3个将Web做为应用开辟平台的HTML语言。

HTML5定义了一文山会海新成分,如新语义标签、智能表单、多媒体标签等,能够辅助开荒者创立富网络使用,还提供了有的Javascript
API,如地理定位、重力感应、硬件访问等,能够在浏览器内落成类原生应用。大家依旧足以整合
Canvas 开拓网页版游戏。

HTML5的广义概念:HTML5表示浏览器端本事的3个升华阶段。在这些阶段,浏览器的表现才能获得了飞跃发展和大规模援救,它总结:HTML伍、CSS三、Javascript
API在内的壹套才干构成。

HTML5不等于 HTML next versionHTML5 包含:
HTML的进步版、CSS的晋级版、JavaScript API的进级版。

总结HTML5是新一代支付 Web
富客户端
应用程序全体斩草除根方案。包罗:HTML5,CSS三,Javascript
API在内的1套才干整合

富客户端:具有很强的交互性和体验的客户端程序。比方说,浏览博客,是相比较轻松的客户端;1个在线听歌的网址、即时聊天网址正是富客户端。

代码如下:

HTML5 的施用场景

列举多少个HTML5 的选用场景:

(1)极具表现力的网页:内容简短而不轻巧。

(2)网页应用程序:

(三)混合式本地使用。

(4)轻松的游乐。

<marquee><font size=+3 color=red>Hello,
World</font></marquee>

HTML伍 新扩充的从头到尾的经过

图片 1

图片 2

图片 3

 

语义化的标签

上面那八个事件频仍利用:
onMouseOut=”this.start()” :用来安装鼠标移出该区域时继续滚动
onMouseOver=”this.stop()”:用来安装鼠标移入该区域时停下滚动

语义化的机能

语义标签对于咱们并不生分,如<p>表示3个段子、<ul>意味着三个冬辰列表。标签语义化的功用:

小结:HTML的职责是描述壹块内容是何等(或其意义),而不是它长什么样体统;它的外观应该由CSS来调节。

代码如下:

H5在语义上的改正

在此基础上,HTML5增加了多量有含义的语义标签,更有益找出引擎或赞助设施接头 HTML
页面内容。HTML伍会让HTML代码的内容更结构化、标签更语义化。

咱俩布满的 css+div 布局是:

图片 4

自此我们得以如此写:

图片 5

历史观的做法中,我们通过扩张类名如class="header"class="footer",使HTML页面具有语义性,可是不富有通用性。

HTML伍则是经过新扩充语义标签的款式来缓和那个难点,比方<header></header><footer></footer>等,那样就足以使其全数通用性。

历史观网页布局:

<!-- 头部 -->
<div class="header">
    <ul class="nav"></ul>
</div>

<!-- 主体部分 -->
<div class="main">
    <!-- 文章 -->
    <div class="article"></div>
    <!-- 侧边栏 -->
    <div class="aside"></div>
</div>

<!-- 底部 -->
<div class="footer">

</div>

H5 的优异网页布局:

<!-- 头部 -->
<header>
    <ul class="nav"></ul>
</header>

<!-- 主体部分 -->
<div class="main">
    <!-- 文章 -->
    <article></article>
    <!-- 侧边栏 -->
    <aside></aside>
</div>

<!-- 底部 -->
<footer>

</footer>

<marquee onMouseOut=”this.start()”
onMouseOver=”this.stop()”>onMouseOut=”this.start()”
:用来设置鼠标移出该区域时继续滚动
onMouseOver=”this.stop()”:用来安装鼠标移入该区域时停下滚动</marquee>

H5中常用的新语义标签

实质上新语义标签与<div>`没有区别,只是其具有表意性,使用时除了在HTML结构上需要注意外,其它和普通标签的使用无任何差别,可以理解成

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图