coderwhy课程笔记(1)

coderwhy课程笔记(1)

世界上的第一个网站:

The World Wide Web project

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(超文本标记语言) | MDN

常见的HTML字符实体:

发表回复

*您的电子邮件地址不会被公开。必填项已标记为 。

*
*