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


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

H5    SGML,所以不需要引用DTD

5.  

6.  

H5新增的东西:

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

新的页面布局

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

7.    基本标签

<vedio  src=""></vedio>    autoplay 属性 controls属性

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

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

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

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

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

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

3.web应用标签      

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

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

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

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

<progress>  任务过程:安装,加载 

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

浏览器兼容性

4.  列表标签

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

id跟list值要一模一样

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

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

<details><summary>树下的猫</summary><p>内容</p></details>

树下的

内容

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

树下的猫

内容

menu标签

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

<menuitem>   menu命令列表标签

<command>  menu标记定义一个命令按钮

5.  其他标签

注释标签

<ruby>  标记定义注释或音标

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

<p>我们来<ruby>夼<rt>kuang</rt></ruby>一个话题</p>

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

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

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

正确操作:     <p>我们来<ruby>夼 <rp> ( </rp> <rt> kuang </rt> <rp> ) </rp> 一个话题</p>

注!<rp>不要放在<rt>标签内


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

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

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

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

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

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

<form  oninput="totalPrice.value=parseInt(price.value)*parseInt(number.value)">

    <input  type="text"  id="price"  value="5000">

    * <input  type="number"  id="number"  value="1">

    =   <output name="totalPrice"  for=" price  number">总数为</output>

</form>

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

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

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

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

<time>   标记定义一个日期时间,目前所有主流浏览器都不支持

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,141评论 1 45
  • 一、HTML5 1.1 认识HTML5 HTML5并不仅仅只是作为HTML标记语言的一个最新版本,更重要的是它制定...
    福尔摩鸡阅读 16,705评论 14 51
  • 转载:H5缓存机制浅析-移动端Web加载性能优化【干货】 作者:贺辉超,腾讯游戏平台与社区产品部 高级工程师 目录...
    meng_philip123阅读 11,715评论 6 48
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,327评论 1 92
  • 理论知识 web标准 结构HTML(XHTML)HTML发展史Hyper Text Markup Language...
    Nico酱阅读 300评论 0 0

友情链接更多精彩内容