45_尚硅谷_h5_html5新增其他标签.wmv原创

继续啊，我们说这个上午咱们把整个视频这块全部截了是吧，那这块整个啊，播放器这块还有许多点可以扩展啊，这个自己慢慢去扩展多好啊，如果你想要一些源代码的话，我可以去要上面给你们下懂吗？啊你当然我们这边这个版本是不是用那个。原生夹写了啊，你当然你可以用什么减块去写啊，都是可以的，因为我们说用减块写的话，像这些函数还需要去自己定义吗？这艾class class这种需要吗？就不需要了啊，其实我们这种定义形式跟这块的很像啊，你们可以去看一下源码好。好，那这样的话，我们说我们其实HM这边啊，我们是不是音视频标签也讲完了，那想想现在我们讲的三类标签嘛，语义化标签，开式标签以及音视频标签嘛，那其实H5H5里面还有还新增的写的许多什么其他类型的标签，只不过这些标签比较。

啊，比较鸡肋，我感觉啊，所以说我们统一放到这边，我们来提一提啊，OK，我们来看一下还有哪些标签课件给大家打打开来HT85 OK，其他的行政标签与属性啊，第一个状态标签我们看一下。好，什么是状态表情？好，讲标签是比较简单的一件事情啊，OK，状态标签好，状态标签有两个，一个叫米，一个叫我们来看一下me。好，来看这个标签，好，它就是一个面子标签，来看一下。OK这个标签它有，它有什么作用呢？OK用来显示已知范围的标量值或者分数值，是不是我们说过规范上面给出来定义一般都是怎么抽象，是不是我们来看一下具体代表什么？如果给一个value。啊，比如说现在我什么都不写，麦子没有给吧。

你看是不是是不是上上来就是什么，相当于是有一个有一个柱形的一个什么容器啊，只过它是什么躺着的吧，比如说这个标题我给点看一下走，你这个电量是不是就到一半。是吧，这记不记得，我感觉感觉没啥用啊，就什么啊，这个叫什么，这个叫做显示已知范围的标量值或者什么分数值吗？Y就代表当前的数值吗？默认它有一个面积跟Y是零到一，默认是零到一的吗？比如说我写零。比如说我写零走就没有。比如说我写一。满电是不是，比如说我写点八，那就是80%的电，对不讲，呃，当然这个值你可以去设嘛，面电值嘛，比如说我等于20是吧，是还有一个叫做max，我等于100，所以那这个点八是不是就干嘛，基本没有。

就没有嘛，因为你在我20后面嘛，比如说给了80。对。哎，差不多吧，是吧，其实他是干嘛占了差不多有多少。80你看80的话，差不多占的是6/8吧，啊啊对，6/8吧，占了3/4的一个距离吧，好，这里比如说干嘛，我给个总共20~80 40的话是不是一半，哎，不对，60应该是一半，是不是看一下六十一半吧，是吧，因为我这个是从什么20开始的嘛，就是这个底部代表。20头部代表100，那不是干嘛，总共只有80嘛，那我是不是60就在什么100的地方对不对，OK，大概现在是不是只有一种颜色，那其实还有一些值来看一下啊，就是有一个log什么。Have，这等什么好来看一下这里，比如说再来什么指定一个啊，比如说这个漏的值，比如说我给个试试，OK，还有的值我给个。

60好，这代表什么好？首先最小值是20，最大值是100啊，说明你这个value率的取值只能在20~100之间，那在40~60之间呢，代表正常值低于40啊。显示低电量高于60的显示高电量，对吧，来看一下周点，比如说现在我是60，比如说给个50，那应该什么正常的吧，你看是不是还是。绿色的是吧，比如说我给个现在给什么给个30，那不是就偏低了，偏低看是不是银黄色，对不讲，还有偏高干嘛，80码80吗，大于60嘛，偏高也是银黄色吧，你说现在是不是只有两种颜色，要么银黄，要么绿色，绿色代表正常。

银化成要么偏低，要么偏高，OK，好还有什么啊，当然它当中还有值叫做最优值，好看这个最优值，比如说我这个最优值，我给个50。问你这个50是不是落在了40~60这个区间段，好，其实整个整个这个其实其实整个标签被我们分成了三段，20~40 40~60 60到。不，不多吧。是吧，60~100，我们说60~100这个区域干嘛，是不是我们的最优区域啊，不是我们最优区是不是50啊，落在了哪哪一段当中这一段。是吧，也就什么，你在这一段跟这一段就是算不正常的，40~60才是我的一个最优端嘛，懂吗？因为我这个50落在这个区间内嘛。这么一讲，好来看一下，那这个时候其实干嘛。你看我应该给的是80嘛，是吧，我们说那如果我给个50，那应该是最优的，最优九嘛，绿色嘛，是吧，看比如说我给个55应该也是。

最优的是吧，一旦我超过多少给到这块。那就会变成一花色，是不是说明默认情况下这个最优值的这个区间啊，是不是就是落在了落到L之间，比如说那么现在把这个最值换成80，问你这个最值是是谁到谁之间，是不是还到must之间。是吧，来看现在我是65啊，65是不是在最优质那个区间之内。是的吧，所以你看一下那就应该是绿色，其实那我再问你50这个时候呢。不是了，你看变成了。银黄色，OK，现在我再给个低的30走，你看变成了。红色啊，其实我们说最优的如果在中间的话，总共有几种颜色。

两种。最优段如果在这个什么六跟还之间的话，这个嘛，两种颜色嘛，银花色跟绿色吗？如果这个最后段出现在了。低频那个段，或者说高频那个段，那整个标签会有三种颜色。是吧，红颜色啊。还有呢，银黄色还有绿色，绿色代表最后段这个这个能不能理解好，这就是那个密标签啊，呃，我基本上没怎么去。用过它，可是它确实是H里面是创建出来这个标签来啊OK，那么再来看好，那除了这个me标签，还有叫progress。CTRLCCTRLV0，二。OK，这个进度有关系。步CTRLC。

叫什么啊？好，来看这个标签，然后干掉。好。只是关是不是你看它有几个值，Max跟value吧，看这个value，如果我这个value我给个value，好这个value值，比如说我给个多少呢。想想给个点五先看一下。是不是一半，是不是一半好，其实默认它的区间是在零到一之间，然后给你。再买吗？给个零干嘛，是不是就没有啊，是比如说干嘛我也给他，给他指跌X，比如说100好零还是没有吧，好这个外率给到50，那就再买一半。能不能讲好，那他有一件比较诡异的事情，就是说如果你只给max不给value，看着极其的诡异，走你啊，直接动了。

啊，这个动画不需要自己写啊，就干嘛，他他自己能动是不是为什么，因为你没有给他，他在找啊，看到没，他是不是在找，是在是在找这个词吧，啊这个啊这这应该算是一个bug，觉得bug蛮好玩的，OK啊这就是我们这个是不是好，这这两个标签能不能记住。啊，就说实话，你记住也没意义啊，你就知道有这两个标签就行了，那么就别人问你HT85新增哪些标签啊，把把这个带上啊，你的逼格就比人家高一点，最起码你知道啊能不讲啊，因为这种标签的话，在移动端可能还会干嘛去用一下，特别这个什么。啊，电量这个标签其实在移动端说实话还是可以用用的懂不懂，可是一般这种东西也是我们自定义的啊，自己会去写啊。

好，那这是一类状态标签啊，其实我们H里面比较重要的是什么标签啊音视频。语义化。啊，OK，这是比较重要的，那之后我们对爱奇五还会进行扩展啊，什么本地存储啊，离线存储啊，Service worker啊，这些都是我们以后要讲的啊，这些内容的话比较高级，那现在我们都是说的一些爱情里面自己什么。新增了哪些标签，懂吗？说实话就是我们过一下API啊，来看一下整理，那有了这个状态标签之后，我们再来打开不对。什么列表标签好？看一下列表标签，列表标签有哪些？OK，咱们有没有学过600块钱有哪些ull dt跟DD是不是OK，嗯。对对，聪明来看一下，我们说什么？这个列表里面还有啥来看一下么？叫对他累死好看一下。

嗯。好得塔list，我们看怎么玩？好塔list是不是啊？这其实就是一个什么容器，我们看它还什么得塔list会包含一组option元素，这些元素表示其表达空间的可选值，什么鬼哦，它有个表达空间啊，居然。这居然是个表单，来看一下行不行？我说它里面有什么？哦，不行是吧，我看他怎么渲染的一。这里好。234看有些啥。是不是什么都没有啊，诶，这个标签怎么用来的？啊，你看一下他们说干嘛？Data塔历史的会包含一组凹元素，这些元素表示其表达空间的可选，是不是得有个表达空间？

是不是我们说来个表达。比如说我直接来给你的。各位，我们说type为T的时候，你们有没有看过能给他去指定一些默认知道。有吗？是不是我们只能这边去输一些值啊，他能有一个列表给你去选吗？不可能的吧，好，那我们说要给用户一些提示信息怎么办？的吧，这应该讲过吧，啊的是H5里面的属性啊，他不是C2C3，也不是什么四里面的，是H5里面新出的配抽的懂吧，干嘛？呃，你最喜欢的女明星是。女明星是怎么跟我抢啊，这里。好，来看一下，说你最喜欢的女明星式是吧，一般是这种问题的话，得有一个列表，你去选一选呢，哎，那这个就是它的一个列表，那他们俩怎么去对应上呢？好，你得有一个叫做list。

Atribu，这个atbu指向list的ID，比如说周东是吧，周NYLCL。哎，你看后面是不是多了个二点出来一点，你看1234吧，是不是，可是后面是不是没有内容啊，这个1234就得Y值。懂吗？那你你的内容可以填在这边，比如说吗？十岁的周冬雨，OK 20岁的，20岁的周冬什么变态，这什么鬼，30岁的周冬雨啊，40岁的，那40岁到底变不变态，40岁的我来看一下，这里好说一下，你看后面一点，你看你就说了。

是不是啊，OKOK啊，这个是可以，本来我这种表单标签它是没有什么没有选项可以去选的，那么就讲你这个type text的时候，你有这种选项可以选吗。完全没有的那么讲，可是我可以通过这个历史的跟我这个ID干嘛绑在一块啊，我平时干嘛去可以去使用上这个就是600块钱，是啊，可是我问你现在我有个需求，我说我要改里面这个文字颜色。你最喜欢的女明星是我想改成粉色，你能拿我怎么办，怎么改？怎么把这个hold改成粉色？价格看了好，嗯，STY这个看了肯定不行呀，是不是OK。

来一个宁波的，可是他打的特别猛啊，来看一下，看这看了OK，看了吧，比如说什么定是吧，看行不行。啊，不行，可是你的字，哎，这些全变变成粉色了，哎，你在里面写的字全是粉色的，说明这个color是没有办法作用到什么，这个不hold呢啊，还记不记得咱们讲过，我们说什么有些东西在文档书里面啊，动书里面你是找不到的。啊，阿德韦元素，Before韦元素这种是压根不存在文达素里面的吗？它也是。啊，你想选中它不可能，干嘛通过我们正常的指标把它拿到，除非什么通过伪或伪元素啊，这边有个伪元素叫什么。Gone k gone please hold，看有没有。

Input啊，你看外的input是杠B抽的吧，这就是选中之什么。这段文字把它的color调成品格，看行不行。周音，你看有没有变啊，里面的文字是不是没有变，可是你这个什么普提之后的提提示语是不是就被你选中了，那么讲啊，切记这也是多数以外的内容。能理解吗？好，你想选中它，必须通过这种。这叫伪元素吧，这叫伪元素还是伪类，应该叫伪，伪元素是伪类，是不是你选中到了一些内容了啊，你可以这应该叫做伪元素吧，伪类的话我们选中是什么。状态吧是吧，OK，这好好，那这是我们说的什么，说的这个跌塔历史的标签啊，这第一个列表标签，还有一个列表标签叫什么第条，看这个地条能干嘛。啊，Even even。零二。

好，这里面有些点比较积累，可是有些点还是需要你们去去整的，好吧，好D。Tal应该叫啊我了，S来看一下这个标签对吧，干掉上面的也给他干掉，OK，这个什么DA什么。Tas吧，OK Li标签，OK来看一下它里面有什么，它里面有一个指元素叫什么summary OK来看summary，好，这是一个组合标签啊，它能干嘛？比如说这个上面你们写写，我们写什么呢？啊，写就是呃，上归谷，上归谷男神。男神。男生吧，所以说36岁了，OK，这样小是不是？OK，走，你大家看这是个什么鬼哦，看一下。

是不是现在什么都没有啊？你看我底下，如果给他加些标钱啊，OK啊，一个神一样的男人。男人，比如说给大家标价来看一下这点好看一下是不是在这上面摆的，好像也没有什么特殊吧。说明我写错了，呃，看一下啊啊啊啊，第一天啊第一条啊，不是什么detail，应该什么de啊写错了。啊，我说怎么半天没反应，这个东西好看，诶不是DSD，是这个标签来看一下，这也是个列表标签刷一下。

看见点开了，点开了，点开了了。一些GS的小效果啊，就一些小效果被封装到一个标签内部去了啊其实。干掉CT，大家看这里面就打不开什么嘛，他能给你多做一个箭头嘛，在一些比较简单的网页里面，你可以去用用好吧，OK，可是我不推你们用，因为这个UI的交互效果实在太差了啊，不如我们自己去写GS是吧？当然它身上还有一个属性就是open啊，这是一个波尔的属性，知道吧，默认是开的。懂吗？你不写他的话默认就是关的。那么讲好简单啊，OK，过一下就行了，这你看还有什么标签好？来史上最鸡肋的注释标签看一下。

好。注释零六注释标签来看这个注释标签干嘛的好，比如说我来写一段OK注释好这个注释表现我能干嘛呢？比如说现在我有一个，比如说一个是吧，里面比如说我写一个你们不认识的字。怎么可能不认识好这个字认不认识啊，礼仪是不是OK啊，比如说你假装这个字不认识啊，你怎么给他加拼音啊。来个小括号拼音是吧，你你也给我听着，这样行吗？肯定不行啊，怎么办？拿一个标签给他包一包先那个什么入笔标签。OK，走你。

不要这样，先把这个标签打出来，今天好累啊，OK，好，然后干嘛把这个这个给他报进去是吧，报进就行了吗？啊不行怎么办啊，还有一个标签叫做。RT是rub的子标签。整不整啊，你说拼音在哪，那我就干嘛来一个啊，走你。可以加X来进来，他读什么了？读什么来着D是吧，来这你看一下它变成什么了，哎，是不是到上面去了，是不是好厉害，我来看别人可在后面写很多字，是不是小杯张啊，OK啊，来看一下啊，那就在后面排着呢啊相当于加个什么。拼音嘛，是不是OK整理，那还有一类标签叫什么标记标签，记住这些标签都是H25里面的标签，OK标记标签整理。

好，零七标记标签，标记标签啊，他们这种标签统一有个好处，他们有语句化的。懂吗？是带语义的对吧，而且比如说的话，这边我们再来最后一个标题标签，看这标签你干嘛。嗯，Mark啊，比如说什么我来写一段文字啊，写了什么，写一个spell啊，怎么说呢，比如说什么啊，小飞张同志。啊，是在世纪佳缘注册过的人，对，确实是会员。他什么啊，他美丽的老婆啊，我从来不说谎的，真的，你自己问他啊，他美丽老婆干嘛就是来自于世纪佳缘啊，不用我不用我催他啊，他自己会给你们说的，OK啊，啊，都不用我提，你看他们最终最终你们先你们不要提醒他，他最终肯定会给你们说的啊，他会说自己的情史啊，OK，那我说干嘛，我想把这个世纪教育干嘛给他着重，那干嘛标一下是不是，那就来个mark是吧，是走你世纪教育嘛，OK。

哎，不是这个，这里再看一下。啊，这么就给你不要这想了啊，就给他加了一个背景嘛，自己懂不懂我们就不能加，你搞一个SPA搞不也可以加，能解吗？相当于就不用你加了啊，以后再写写文档的时候的话，你可以干嘛直接搞个什么mark克吗？而且这个mark是对搜入已经积极友好的啊，瘦肉群扫过去知道是mark克包住的，那肯定是一个比较重要的东西。

这能理解吗？OK，那这就是我们H5当中其他新增的一类标签，能理解比较简单吗？要比开啊，要比什么，比这个音视频要简单很多吧。