h5

1.  Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具"Native App良好用户交互体验的优势"和"Web App跨平台开发的优势"。

2.  W3C最重要的工作是发展 Web 规范(称为推荐,HTML5官方logoRecommendations),这些规范描述了 Web 的通信协议(比如 HTML 和 XHTML)和其他的构建模块。减少浏览器碎片、实现在所有HTML工具的应用,W3C开始着手W3C标准化的互操作性和测试

3.  Frameset


h5_第1张图片

4.   DTD  文档类型定义(Document Type Definition)   文档类型定义可定义合法的XML文档构建模块。它使用一系列合法的元素来定义文档的结构。

H5    SGML,所以不需要引用DTD

5.  

h5_第2张图片

6.  

H5新增的东西:

标签变化DTD新增标签  删除的标签  重定义的标签  

新的页面布局

属性的变化input表单  链接  其他  这些变化

7.    基本标签

h5_第3张图片
h5_第4张图片

   autoplay 属性 controls属性

不同格式的   type是播放解码的格式

想要灵活控制视频的大小  用 width   height  属性

   标记定义图片 画布 API 特效效果动画

   标记定义外部的可交互的内容或插件,比如flash    src里面一般引入flash链接

(所以是要用到flash插件?)

应用场景:SVG(可缩放矢量图形)     引入可以用embed

3.web应用标签      

  实时状态显示: 当前    气压,气温这些值

  实时状态显示: 当前    气压,气温这些值

举例:电压值   含安全用电  最低值low   最高值    标准值optimum

小于安全电压的最小值200时 会出现警告颜色    
用js取value值? 值为380  
用js取value值? 值为20  
自动定位到四分之三 以百分比形式展现

 任务过程:安装,加载 

默认展现一个正在加载的动画  任务过程:安装,加载 

浏览器兼容性

h5_第5张图片

4.  列表标签

   为iuput标记定义一个下拉列表,配合option   (  以前 用select 标签)

h5_第6张图片
id跟list值要一模一样
h5_第7张图片

不想从下拉列表选  自己输入 会自动匹配   下拉框没有的也可以手动输入在文本框

    标记定义一个元素的详细内容,配合summary    基本展示效果如下:

树下的猫

内容

树下的

内容

现有一个问题,原本我是开着的,如果我刷新之后,它就是关上的,但是我希望他刷新之后也是开着的    利用open属性:details有个属性  open="open" 不写默认关着  效果如下:

树下的猫

内容

menu标签

 命令列表(目前所有主流浏览器都不支持)

  menu命令列表标签

 menu标记定义一个命令按钮

h5_第8张图片

5.  其他标签

注释标签

 标记定义注释或音标

  标记定义对ruby的注释内容文本

我们来kuang一个话题

不兼容这个标签的话,拼音会直接跟在字的后面

假如加括号,不兼容的看上去还行,兼容的就多了个括号,也不好

 告诉那些不支持ruby元素的浏览器如何显示

正确操作:    

我们来 ( kuang )  一个话题

注!不要放在标签内


   标记定义有标记的文本(黄色选中状态)高亮?

妈妈叫我回家的时候顺路买一盒牛奶,需要很新鲜的那种

这里代码效果显示就是加粗

妈妈叫我回家的时候顺路买一盒牛奶,需要很新鲜的那种   (代码显示效果为该行)

   标记定义一些输出类型,计算表单结果配合oninput事件

(   oninput事件可以实时监听文本框的输入变化  )

   

    *

    =   总数为

// price.value 单价指5000  parseInt将字符串转为数值型     数量number.value为1

type属性为 number 表示数值型    为range 表示范围

 标记定义表单里一个生成的键值(加密信息传送)

表单提交到后台的数据都会生成键值 加密传送

应用场景: 日历的方式表示出时间

你可能感兴趣的:(h5)