coderwhy课程笔记(1)

世界上的第一个网站:

HTML 元素参考 – HTML(超文本标记语言) | MDN
一些语义化的html标签,本质只是基础标签加了一些样式。
单标签元素的末尾,现在不需要写反斜线。
URL和URI的区别:URL(Uniform Resource Locator)指向一个资源,如网页/CSS/图片/视频。

URI:统一资源标识符,用于标识资源。URL:统一资源定位符,俗称网络地址,相当于网络中的门牌号。

个人理解,可以粗略的认为,URI = URL+ Rest
文档类型声明:最上方的<!DOCTYPE html>。声明html的文档类型和版本。可以加一个lang属性,lang=”zh-CN”/lang=”en”, 给语音识别或者读屏软件使用。
head: 规定文档的配置信息(元数据),包括文档标题,引用样式和脚本等。需要设置字符编码,如utf-8,告诉浏览器,用哪种编码方案进行解码,避免乱码。
body: 浏览器窗口可以看到的东西。
img元素:可替换元素。网页上用img.src指定的图片替换了img元素本身。网页上的图片路径,标准用法都用/而不是\,包括windows.
如何禁止自己的网站被别的网站通过iframe引入?
设置响应头X-Frame-Options: SAMEORIGIN。
如何强制引用一个设置了这个配置的网页?
1. nginx设置proxy_hide_header X-Frame-Options; add_header X-Frame-Options ALLOWALL;
2. 搭个node服务转发一下,把请求头改掉。
a标签的target设置为_parent或者_top, 有什么效果?
需要结合iframe来使用
1. target="_top"
- 作用:打破所有嵌套,在最顶层(整个浏览器窗口) 中加载新页面。
- 适用场景:
- 你想从一个被多层嵌套的页面(例如门户网站的某篇文章页)直接跳转到网站的首页或登录页,确保框架的“壳子”被完全清除。
- 例子:
假设层级为:浏览器窗口→框架1→框架2→当前页面。
点击_top链接后,整个浏览器窗口只显示新页面,所有框架消失。
2. target="_parent"
- 作用:跳出当前框架的上一层(父框架),在直接包含当前页面的那个框架(父级) 中加载新页面。
- 适用场景:
- 你想替换掉当前所在的“子框架”所在的“父容器”,但保留最外层的框架结构(如有)。
- 例子:
假设层级为:浏览器窗口→外层框架→内层框架→当前页面。
点击_parent链接后,新页面会替换掉内层框架(即父级),而外层框架依然存在。
总结区别表
| 属性 | 跳出范围 | 是否保留最外层框架 |
|---|---|---|
_parent | 跳出当前框架,到父框架 | 是(如果父框架不是最顶层) |
_top | 跳出所有框架,到最顶层窗口 | 否 |
HTML全局属性:
常见的HTML字符实体:
