1.1结构元素 HTML5定义了一组新的语义化标签,目前主流浏览器均已支持,语义化标签使用标记元素的内容,虽然可以使用原有标签替换,但是它可以简化HTML页面设计,并且也为搜索引擎在抓取和索引网页的时候展现元素的优势。
hgroup元素:用于对整个页面或页面中一个内容区块的标题进行组合。 video元素:定义视频 <video src="movie.ogg" controls="controls">video元素</video>
audio元素:定义音频 <audio src="someaudio.wav">audio元素</audio>
embed元素:用来插入各种多媒体,格式可以是Midi、Wav、AIFF、AU、MP3等。 <embed src="horse.wav" />
mark元素:主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。mark元素比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。 dialog元素:定义对话窗或窗口 <dialog open>这是打开的对话窗口</dialog>
bdi元素:定义文本的文本方向,使其脱离其周围文本的方向设置 figcaption元素:定义figure元素 figure>
<figcaption>我是小可爱</figcaption>
</figure>
time元素:表示日期或时间,也可以同时表示两者。 canvas元素:表示图形,如图表和其他图像。元素本身没有行为,仅提供一块画布,但他把一个绘制API展现给客户端javascript以使脚本把想绘制的东西绘制到这块画布上。 output元素:表示不同类型的输出,比如脚本的输出 menu元素:表示菜单列表。当希望列出表单控件时使用该标签。
details元素:表示用户要求得到并且可以得到的细节信息。它可以与summary元素配合使用,summary元素提供标题或图例。标题是可见的,用户单击标题时,会显示出细节信息。summary元素应该是details元素的第一个子元素。 <details>
<summary>老鼠</summary>
</details>
1.3表单元素 通过type属性,HTML5为input元素新增了很多类型,简单说明如下:
这些新类型设计用户代理(浏览器)可以提供用户界面,如日历、日期选择器,或整合用户的地址簿,并提交到服务器的格式。它给用户一个更好的经验,因为在发送到服务器之前,进行输入类型检查,这意味着有更少的时间等待反馈。 |
|
来自: wenxuefeng360 > 《待分类1》