html知识点

undefined 7月前 ⋅ 326 阅读

1、什么是网页?

网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一页。

2、什么是html?

   html是超文本标记语言,用来描述网页的一种语言。

3、常见浏览器,分别的内核有哪些?

    浏览器				  内核				
Chrome/Opera			Blink
     IE					Trident
  FireFox				Gecko
   Safari				Webkit

4、标签

<p></p> =》段落标签
<div></div>=》盒子标签
<a></a> =》链接标签 <a href="" target="__blank"></a>
<img src="">=》图像标签
<br>=》换行标签
<body></body>
<html></html>

盒子实际大小计算公式?

盒子宽度为border(左)+padding(左)+内容宽度+padding(右)+border(右)

当盒子被border和padding撑大之后怎么解决?

1、手动内减:手动计算多余大小,在内容中减去
2、自动内减:给盒子设置属性box-sizing:border-box

相邻盒子之间margin计算规则?

1、水平方向的盒子,两者距离为margin之和
2、垂直方向盒子,两者距离为margin最大值

标准流:

定义:标准流成为文档流,是浏览器在渲染元素时默认采用一套排版规则

浮动

1、特点:
	①浮动元素会脱离文档流,在文档流中不占位置
    ②浮动元素会受到上面块级元素边界影响
    ③浮动找浮动,下一个浮动元素会在上一个浮动元素后面左右浮动
2、作用:
	①图文环绕
    ②网页布局,让垂直方向盒子变为水平布局
3、塌陷
	含义:互相嵌套和块级元素,子元素margin-top会作用在父元素上,导致父元素一起往下移动,引起父元素塌陷
    解决方法:
    	①给父元素border-top或者margin-top
        ②给父元素overflow:hidden
        ③display为inline-block,换为块级元素
        ④float:left
        ⑤添加伪类
4、代码
	float:left     float:right
5、影响
	子元素设置浮动,此时子元素脱离文档流,撑开父元素,会影响其他布局

5、清除浮动

①直接设置父元素高度
②在父元素内容最后设置一个块元素,添加clear:both
③单伪元素清除法
    .clearfix::after{}
    .clearfix::before{}
④双伪元素清除法
    .clearfix::before{
        content:""
        display:table
    }
    .clearfix::after{
        clear:both
    }
⑤给父元素设定oerflow:hidden

html5

服务器发送事件(Server-Sent-Events)---SSE

它是一种浏览器和服务器之间实现单向实时通信的技术;它适用于以下几种情况
1、实时更新:当需要从服务器实时获取数据或者通知的时候,而不必依赖于主动轮询(获取实时新闻信息)
2、简单的单向通信:只支持服务器向浏览器通信,不支持双向通信
3、长连接:SSE基于持久性连接,适用于需要保持长时间连接。
4、服务端推送:SSE允许服务端主动将数据推送给浏览器,而不需要浏览器请求新数据,有助于减轻服务器和网络负载。

webSocket


全部评论: 0

    我有话说: