浅谈Html知识点

浅谈Html知识点

欢迎评论增加知识点

• H5 H4区别

  H5比h4多了一些功能标签，h4想放一个视频，提示安装flash插件等等，如果h5则可以直接插入，并不需要安装
  Convas画布，在JavaScript里画画，通过ID获取画布，然后调用.getcontext（“2d”），fillstyle=“”填充颜色，fillrect画矩形（1,2,3,4）数据均为距离画布的距离
  Animation：move 5s infinite（无限次数）写在css里类似《div》最外边是《style》，@keyframes mymove{from to}里边写渐变效果，from也可以写成number%bootstrap响应式布局。

• b/s 框架 c/s框架（client server）

  Browser/server 浏览器/服务器，

• 伪类是啥

  伪类，伪对象，由css自动支持，属于css拓展性类，名称不能被自定义，使用时必须按照标准格式进行运用。

• bgcolor ，background color

  Body用bgcolor，css用background color。

• 内嵌元素的特性inline

  同行可以继续跟同类型标签----同行可接
  内容撑开高度 ----宽度靠内容
  不支持宽高，不支持上下margin
  示为内联元素，前后无换行符

• 块元素特点block

  默认独占一行显示 —独占一行
  没有宽度width，默认撑满一排----
  支持所有css命令
  显示为块级元素，前后有换行符

• 内联块元素特点inline-block

  元素在一行显示
  行支持宽高
  内容撑开宽度

• position属性

  static：默认值，没有定位
  relative：相对定位
  absolute：绝对定位
  fixed：固定定位

• 相对定位relative

  不脱离标准流，原有的位置保留不变，其后的元素不能占用其原有位置。

• 绝对定位absolute

  对定位以它最近的一个“已经定位”的“祖先元素” 为基准进行偏移。从标准文档流中脱离，其后的元素会占据其原有的位置。

• z-index属性

  值大的在上方，值小的在下方

• 浮动特性

  1.浮动元素支持所有的css样式
  2.内容撑开宽高（2）
  3.多个元素设置浮动，宽度足够的话，会排在一行
  4.脱离文档流（1）

• 提升层级半级

  一旦设置了浮动属性，就具有了inline-block属性，浮动元素不会超越前边的元素

• overflow 和clear

  解决了div塌陷问题，绝对定位元素超过父级的范围

• 结构标签

  结构标签必须配合一些其他的东西才能有用，相当于DIV，但是DIV需要取名字，标签名直接说明了用途。

• li和p的替代标签

  Figure和figcaption，一个figure只能有一个figcaption元素

• contenteditable内容可修改标签

  true可以点击修改内容，在界面直接修改

• 间隔函数setInterval（function a（），n）

  间隔n时间然后执行一次 function a（）；

• url和uri的区别

  http://localhost:8080/《myweb/hello.html》，以上web地址，前+《后》=URL；《后》=URI。URL对于我们而言，就是将URL输入到浏览器地址栏上就可以访问到对应资源，统一资源定位符。URI，统一资源标识符，不能完整标识资源，URI是URL的一部分。

• eval (“2+3”)

  将字符串当做JAVAscript表达式执行。

• 闭包

  为了突破作用域而存在，在方法内部写一个return方法，将所需数据return，在外部var一个接收此数据，最后输出此数据。

• javascript数组数据类型一致吗？

  可以不一致，什么数据类型都可以，JAVA中必须数据类型一致
  22.如何使两个数组相连接，用什么间隔开，以及反转
  Concat（）函数，join（），反转reverse

• 如何释放对象

  将对象=null，就释放了对象

• 编码与解码

  Ecodeuri与decodeuri ，encodeUricomponent编码与解码 dencodeUricomponent

• substr与substring区别

  Substr（start，length）从第几个开始截取截取几个
  Substring（start，end）从第几个开始截取到第几个

• ^和$是啥，还有.+*？

  正则表达式的开始写在外边，[^]则表示非等于！与结束
  .是匹配除了换行符以外的任意一个字符
  +前面的字符连续出现过一次或多次
  *表示前面的字符必须在目标对象中出现零次或连续多次
  ？表示前边的字符必须在目标对象中出现零次或一次。

• 《button》与《input type=button》的区别

  根本区别
  1、《button》元素内部可以放置内容，比如文本或图像，标签之间的所有内容都是按钮的内容
  2、《input type=“button”/》设置的是按钮上的文本信息，需要通过CSS样式设置特殊的按钮样式
  适用场合
  1、《button>标签不适合在表单中作为提交按钮适用，而适合充当页面的特殊按钮或样式按钮，比如“搜索”按钮或导航功能按钮，因为IE浏览器会将元素中间的内容作为表单内容提交
  2、《input>标签更适合作为表单提交按钮或重置按钮使用，如果表单按钮希望是图片，可以使用《input type=“image”>图片按钮

• 样式就近原则

  样式就近原则：
  1）并列的定义
  当定义重复时，后出现的定义会覆盖前面的定义
  2）对同一结点指定样式，但层次结构不一样
  在层次结构上最接近指定结点的CSS起作用

• jquery和onload那个快

  jQuery快 因为在dom加载之前就开始运行了，onload必须等待加载完成才能运行

• dom，jQuery的互换与不同

  Dom转jQuery可以加$符号，jQuery转换dom可以使用数组接收，get（index）