基础知识-1

26 阅读1分钟

1. 符合语法

  • <img src="" >
  • <a href="" >
  • <script src = "" >
  • <!DOCTYPE html>

2. 为了防止网页在手机设备上缩小显示, 可以在标签上面加上 <meta name="viewport" content="...">

3. input标签有两个事件 inputchange

标签的value每次改变都会触发input事件,但不是每次改变都会触发change事件

4. 关于HTML中的b标签和string标签

  • b标签的全称是bold,表示加粗的内容
  • strong标签表示强调的内容,不一定要加粗,只是默认样式是加粗
  • 为了使HTML更加语义化,推荐使用strong标签

5. 写HTML时,为什么要注重语义化

  • 提高代码的维护性,便于维护
  • 增加搜索引擎的友好程度,便于收录

6. vwvh 表示屏幕宽度(高度)的1%,100vw正好为屏幕宽度

7. 关于三种跨域方法

  • JSONP: 只直接GET方法
  • CORS: 分为简单请求和复杂请求两种情况
  • 服务器反向代理: 其原理是使用 Nginx让当前域名的服务器代为请求跨域数据

8.关于浏览器的同源策略

  • 定义:协议、端口、主机名(域名或IP) 完全一致的两个URL(俗称网址)被称为同源
  • 用途:不同源的网页,不能共享数据/偷数据

www.baidu.com baidu.com 不是同源的

  • 为什么只有浏览器有同源策略? 为了保证用户的数据安全
  • 怎么共享数据? 跨域

9. display: block 的元素默认宽度为 auto, 不是100%