浅谈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)