热门关键字:
jquery > jquery教程 > jquery教程 > 语义化标签与HTML5新增的布局标签

语义化标签与HTML5新增的布局标签

1660
作者:管理员
发布时间:2021/8/31 17:53:09
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=5377
  语义化标签:有利于搜索引擎优化,有利于屏幕阅读者读取,有利于开发者的维护和开发


  空格:$nbsp; ?


  小于号:<


  大于号:>


  <div>没有语义的一个容器块级元素</div>


  <span>没有语义的一个容器行内元素</span>


  HTML5新增的布局标签:双标记块级元素


  header头部 ?nav 导航 footer页脚 aside 侧边栏 article 文章、帖子、博客、独立的一块


  section章节


  ?


  ?


  代码:<!DOCTYPE html>


  <html>


  <head>


  <meta charset="utf-8">


  <title></title>


  </head>


  <body>


  <div>头部</div>


  <div>导航</div>


  <div>主体


  <div>左


  <div>左侧里面</div>


  </div>


  <div>右</div>


  </div>


  <div>页脚</div><hr>


  <header>头部</header>


  <nav>导航</nav>


  <div>主体


  <article>文章


  <section>章节</section>


  </article>


  <aside>侧边栏</aside>


  </div>


  <footer>页脚</footer>


  </body>


  </html>


  HTML5新增的视屏标签:行内元素


  <video>您的浏览器不支持视屏</video>


  支持的格式;。mp4 .ogg(移动端) .wedM(高清)


  属性:src必须属性路径


  width:视屏的宽度


  height:高度


  poster””视频播放前显示的一张图片


  autoplay 自动播放,谷歌浏览器不支持视屏自动播放


  controls显示控制面板


  loop:循环播放


  muted:静音


  代码例子


  <!DOCTYPE html>


  <html>


  <head>


  <meta charset="utf-8">


  <title></title>


  </head>


  <body>


  <video src="videol.mp4" width="300" controls loop ?muted poster="tt.png">您的浏览器不支持视屏</video>


  </body>


  </html>


  音频:<audio></audio>


  支持格式:。mp3 ?.ogg ?.wav


  属性src必须属性路径


  autoplay 自动播放,谷歌浏览器不支持视屏自动播放


  controls显示控制面板


  loop:循环播放


  muted:静音


  source标签:作用给浏览器提供多种视屏或音频格式的选择


  <source/>


  <video width="300" controls loop ?muted>


  <source src="videol.mp4"/>


  <source src="videol.ogg"/>


  <soirce src="videol.webM"/.


  您的浏览器不支持视屏


  </video>


  士兵突击案例身份运算符


  封装


  封装 是面向对象编程的一大特点面向对象编程的 第一步 —— 将 属性 和 方法 封装 到一个抽象的 类 中外界 使用 类 创建 对象,然后 让对象调用方法对象方法的细节 都被 封装 在 类的内部


  一个对象的 属性 可以是 另外一个类创建的对象


  需求


  士兵 许三多 有一把 AK47士兵 可以 开火枪 能够 发射 子弹枪 装填 装填子弹 —— 增加子弹数量


  方法需求


  1> 判断是否有子弹,没有子弹无法射击2> 使用  提示射击,并且输出子弹数量


  假设:每一个新兵 都 没有枪


  定义没有初始值的属性


  在定义属性时,如果 不知道设置什么初始值,可以设置为


  关键字 表示 什么都没有表示一个 空对象,没有方法和属性,是一个特殊的常量可以将  赋值给任何一个变量


  方法需求


  1> 判断是否有枪,没有枪没法冲锋2> 喊一声口号3> 装填子弹4> 射击


  小结


  创建了一个 士兵类,使用到  内置方法在定义属性时,如果 不知道设置什么初始值,可以设置为 在 封装的 方法内部,还可以让 自己的 使用其他类创建的对象属性 调用已经 封装好的方法


  身份运算符用于 比较 两个对象的 内存地址 是否一致 —— 是否是对同一个对象的引用


  在  中针对  比较时,建议使用  判断


  运算符描述实例isis 是判断两个标识符是不是引用同一个对象x is y,类似 id(x) == id(y)is notis not 是判断两个标识符是不是引用不同对象x is not y,类似 id(a) != id(b)


  用于判断 两个变量 引用对象是否为同一个


  用于判断 引用变量的值 是否相等


  目录


  一 选取最优路由的标准


  二 默认路由


  表示形式


  作用


  条件


  ?三 三层链路聚合


  拓扑图


  配置过程


  总结?


  1.子网掩码更长的优先匹配


  2.路由优先级小的更优先匹配


  DIRECT:0


  OSPF:10


  IS-IS:15


  STATIC:60


  RIP:100


  OSPF ASE:150


  OSPF NSSA:150


  IBGP:256


  EBGP:256


  3.相同路由协议的情况下,选取metric值的最优先匹配。每种协议metric值定义的都不同,静态路由和路由优先级有关,这个是人为指定的,RIP协议和跳数有关,跳数越小越优先,OSPF协议和带宽有关,带宽最大最优先。metric是用来判定链路质量优劣的。


  4.如果以上都没有路由可以匹配得上,就匹配默认路由。


  0.0.0.0/0 所有网段


  当路由器在路由表中找不到目标网络的路由条目时,路由器把请求转发到默认路由接口


  必须是末梢/末节网络/出口网关


  CE1


  在系统视图下创建一个Eth-Trunk接口,开启三层端口并设置IP地址


  interface eth-trunk 1 //创建eth-trunk 1


  undo portswitch //接口开启三层功能


  ip add_10.1.1.1 ?255.255.255.0//给eth-trunk1接口设置ip地址和子网掩码


  2.将成员接口加入Eth-Trunk接口


  interface GE1/0/0 ?//进入G1/0/0接口


  undo shutdown ? // G1/0/0接口开启


  eth-trunk 1 ? ? ?//成为eth-trunk1成员


  interface GE1/0/1 ?//进入G1/0/1接口


  undo shutdown ? ?//G1/0/1接口开启


  eth-trunk 1 ? ? ?//成为eth-trunk 1成员


  interface GE1/0/3 ?//进入G1/0/3接口


  undo portswitch ?//开启三层功能


  undo shutdown ? ?//G1/0/3接口开启


  Ip add 192.168.1.1 24 //给G1/0/3接口设置IP地址及掩码长度


  Ip route-static 192.168.2.0 ?24 ?10.1.1.2//配置静态路由,目的网段是192.168.2.0 掩码长度是24 下一跳接口Ip是10.1.1.2


  CE2


  在系统视图下创建一个Eth-Trunk接口,开启三层端口并设置IP地址


  interface eth-trunk 1 //创建eth-trunk 1


  undo portswitch //接口开启三层功能


  ip add_10.1.1.2 ?255.255.255.0//给eth-trunk1接口设置ip地址和子网掩码


  2.将成员接口加入Eth-Trunk接口


  interface GE1/0/0 ?//进入G1/0/0接口


  undo shutdown ? // G1/0/0接口开启


  eth-trunk 1 ? ? ?//成为eth-trunk1成员


  interface GE1/0/1 ?//进入G1/0/1接口


  undo shutdown ? ?//G1/0/1接口开启


  eth-trunk 1 ? ? ?//成为eth-trunk 1成员


  interface GE1/0/3 ?//进入G1/0/3接口


  undo portswitch ?//开启三层功能


  undo shutdown ? ?//G1/0/3接口开启


  Ip add 192.168.2.1 24 //给G1/0/3接口设置IP地址及掩码长度


  Ip route-static 192.168.1.0 ?24 ?10.1.1.1//配置静态路由,目的网段是192.168.1.0 掩码长度是24 下一跳接口Ip是10.1.1.1


  PC1 PC2


  PC1:IP:192.168.1.10 ?255.255.255.0 ?192.168.1.1 //PC1设置IP地址、子网掩码、网关


  PC2:IP:192.168.2.10 ?255.255.255.0 ?192.168.2.1 //PC1设置IP地址、子网掩码、网关


  测试连通性


  PC1:ping 192.168.2.10


  明白选择最优路由的标准


  默认路由的适用条件


  三层链路聚合和二层链路聚合的区别




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐