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>   标记定义一个日期时间,目前所有主流浏览器都不支持

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,045评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,114评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,120评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,902评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,828评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,132评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,590评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,258评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,408评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,335评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,385评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,068评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,660评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,747评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,967评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,406评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,970评论 2 341

推荐阅读更多精彩内容

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