前端(Html、Css、Js)查漏补缺笔记

- Html用来布局,Css用来定位和渲染

一、Html

知识点笔记
1. _对于中文网页需要使用 <meta charset=“utf-8”> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为<meta charset=“gbk”>。
2. 在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭即使 <br> 在所有浏览器中都是有效的,但使用<br /> 其实是更长远的保障。
3. 标签写法要用小写字母(有些版本对大小写可认为相同,而而在未来 (X)HTML 版本中强制使用小写。)
4. 搜索引擎使用标题为您的网页的结构和内容编制索引,h1~h6。
5. <hr />定义水平线
6.通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
7.请始终将正斜杠添加到子文件夹。假如这样书写链接:href=“https://www.runoob.com/html”,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=“https://www.runoob.com/html/”。
8.<base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:
9.HTML<title>元素不仅可以显示文本,也可以在左侧显示logo等图片。显示时,要将<link>标签放入<head>里.
10. 不建议使用的标签有: <font>, <center>, <strike> 。不建议使用的属性: color 和 bgcolor.
11.大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束)。常见的块元素 <div><h1>, <p>, <ul>, <table>, 常见的内联元素 <span>.<b>, <td>,<a>, <img>
12. HTML 中的常用字符实体是不间断空格(&nbsp;)。
  • HTML form表单用于收集不同类型的用户输入。
  • HTML table表格来创建漂亮的布局,但设计表格的目的是呈现表格化数据
  • Html div用来页面布局

HTML5 中的一些有趣的新特性:

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search
  • HTML5的设计目的是为了在移动设备上支持多媒体。

二、Css

postion:

  1. absolute(绝对定位),其位置相对于最近已定位的父元素,如果元素没有已定位的父元素那么它的位置相对于<html>
  2. static(默认的静态定位),即没有定位,遵循正常的文档流对象,静态定位的元素不受top、left、right、bottom影响。
  3. relative(相对定位),其位置相对其正常时的位置相对定位元素经常被用来作为绝对定位元素的容器块。
  4. fixed,元素的位置相对于浏览器窗口,是固定位置。即使窗口是滚动的它也不会移动。
  5. sticky(粘性定位),基于用户滚动位置来定位,在未滚动出目标区域时,它的行为就像position:relative;它的表现就像 position:fixed;,它会固定在目标位置。元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。

这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生效。否则其行为与相对定位相同。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值