本文归纳了HTML5中的交互元素，如details、summary、menu、command、progress和meter，以及HTML5的重要元素，如html根元素、文档元素、脚本、节点、分组内容、文本层次语义、嵌入内容和公共属性。还涉及HTML5的表单新特性，文件操作，以及视频、音频、绘图、数据存储、离线应用和其他API的应用。
一、
HTML5常用的交互元素
1、内容交互元素
1.1、details元素----------用于说明文档或某个细节信息的作用，常与<summary>元素配合使用
details元素有显示脚本注释作用，但一般默认为隐藏，因此若想显示脚注，需附加属性open="open"
配合
1.2、summary元素-------<summary>+<details>=====><summary>说明文档的标题/<details>说明文档的详细信息
summary元素包含在details元素中,是details元素的子元素(在摆放位置时尽量放在第一个)
2、菜单交互元素
2.1、menu元素-----------一般与<li>元素结合使用,用来定义一个列表式的菜单
在使用menu元素定义菜单列表时,通常使用<menu>元素来定义菜单的框架,框架中的内容使用<li>元素来进行构造,以形成列表形
状. [ 注: 菜单还可以嵌套在别的菜单中,形成带层次的菜单结构]
2.2、command元素------定义各种类型的命令按钮,利用该标记的"url"属性可以添加图片,并且实现图片按钮效果,"type"设置按钮类型
command元素的disabled属性,通过JavaScript控制,可以实现单击禁用功能,防止用户反复单击或提示用户按钮已经提交成功.
3、状态交互元素
3.1、progress元素--------用来表示页面中的某个任务完成的进度
3.2、meter元素-----------用于表示在一定范围内的值,比如投票中,候选人各占比例情况及考试分数等
meter元素仅是帮助浏览器识别HTML中的数量,而不对该数量做任何的格式修改
二、HTML5重要元素
1.1 manifest----------URL值----------------------------------------该URL指向描述文档缓存信息的地址
1.2 xmlns(非必须)----http://www.w3.org/1999/xhtml----------设置xml namespace的属性
2、文档元素
<head>
<title>-----------设置文档的标题内容
<base>----------设置页面中URL为空时的值----------href(当页面的URL为空时的链接地址) _target(打开页面链接的方式)
<link>-----------设置导入页面中的样式文件
<meta>---------设置页面的文档信息(如针对搜索引擎的关键字)
<style>----------定义HTML文档中的样式信息
<script>---------定义客户端脚本代码或文件
注 : 在一个页面文档中,<base>和<title>文件只能用一次,并且必须包含在<head>元素中,而其他元素可以重复多次使用.<base>元素应
该
排在其他元素之前,以便于其他元素能够调用<base>元素的属性.
3、脚本
<script>---------包含脚本语言,也可以通过src属性导入;同时选择元素的必选属性type和MIME类型
<noscript>------一个检测工具,即浏览器如果支持<script>脚本,则不会显示<noscript>中的内容.
4、节点
<section>
<nav>
<hgroup>
... ...
5、分组内容
<ul>-------------定义页面中的无序列表
<ol>-------------定义页面中的有序列表
<dl>-------------定义页面创建术语列表
6、文本层次语义
<time>---------用于定义时间或日期
<mark>--------在文本中高亮显示某个或某几个字符,旨在引起用户注意
<strong>是作者对文档中某段文字的重要性进行的强调
<em>是作者为了突出文章的重点而进行的设置
<cite>----------可以创建一个引用标记,用于文档中参考文献的引用说明
7、嵌入内容
<img>---------是在页面中导入图像
<iframe>------用于在页面中创建包含另一文档的框架
<object>-------用于在界面中嵌入一个对象,这个对象包括视频,音频,Flash等多媒体文件
8、公共属性
draggable属性------------用于设置是否允许用户拖动元素
hidden属性----------------用于元素是否显示
spellcheck属性-------------用于检测文本框或输入框中的拼音或语法是否正确
最低0.47元/天 解锁文章
扫一扫
369
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
