惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Blog — PlanetScale
Blog — PlanetScale
J
Java Code Geeks
月光博客
月光博客
Engineering at Meta
Engineering at Meta
WordPress大学
WordPress大学
Jina AI
Jina AI
小众软件
小众软件
U
Unit 42
云风的 BLOG
云风的 BLOG
Stack Overflow Blog
Stack Overflow Blog
雷峰网
雷峰网
博客园 - Franky
Microsoft Security Blog
Microsoft Security Blog
罗磊的独立博客
宝玉的分享
宝玉的分享
B
Blog
C
Check Point Blog
爱范儿
爱范儿
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
量子位
阮一峰的网络日志
阮一峰的网络日志
Vercel News
Vercel News
酷 壳 – CoolShell
酷 壳 – CoolShell

Jiajun的技术笔记

你好,2026! TiDB 源码阅读(六):TiDB Coprocessor 源码解析 性能优化的核心思想 TiDB 源码阅读(五):索引 TiDB 源码阅读(四):AST、逻辑计划、物理计划 CockroachDB Serverless Architecture podman 无故退出 Cursor Control-L (CTRL-L) Keyboard Shortcuts in Terminal Replace docker with podman Using xmonad with xfce4 A RC script for freebsd frpc 自己动手写一个k8s controller AI 会取代你的(编程)岗位吗? 自建DERP服务器提升Tailscale连接速度(使用Nginx转发) 自动升级Docker容器 再读《程序员修炼之道-从小工到专家》 让浏览器下载文件 再读《软件随想录》/《黑客与画家》/《软技能》 HTTP 压力测试中的 Coordinated Omission 2的补码 编程语言中的 context 是什么? flutter macOS 构建出错 Flatpak 使用小记 Golang CAS 操作是怎么实现的 PostgreSQL 当MQ来使用 Clash 结合 工作VPN 的网络设计 使用 PostgreSQL 搭建 JuiceFS PostgreSQL 配置优化和日志分析 有GitHub Copilot?那就可以搭建你的ChatGPT4服务 窗口函数的使用(以PG为例)
Web开发系列(三):什么是HTML,CSS,JS?
Jiajun Huang · 2017-10-15 · via Jiajun的技术笔记

这篇博客要写的内容比较无聊,属于概念性的东西,我们介绍一下web开发中无法避开的三个东西,HTML,CSS和JS。

HTML全称是Hypertext Markup Language,也是一种格式,或者说一种约定,大概张这样子:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

而HTML5则是在传统的HTML上增加了一些标签,好像是最新版吧,好久没去了解这个了。 顺便需要说一句,上面所说的标签就是例子中 <html></html>这样的,通过写这些规定的标签,浏览器会展现出不同的样子。 例如 <p> 是正文,<h1> 是一级标题,通常会有加大字体,<a>是超链接,一般都会是蓝色字体,外带下划线。

那么为什么不同的标签在浏览器中会有不同的样子呢?我们可以更改或者制定这些样子吗?这就涉及到我们需要了解的第二个知识了,CSS。 Cascading Style Sheets是CSS的全称,其实就是用来告诉浏览器这个标签要怎么展示出来,是不是要加特效。其实CSS也可以写在HTML里, 例如:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p style="font-weight: bold">My first paragraph.</p>

</body>
</html>

也可以写成HTML:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="theme.css">
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

外加css:

p {
    font-weight: bold;
}

记得要在HTML里链接css的路径。

那么JS呢?JS是JavaScript的缩写,为什么我们需要这样一个东西呢?因为浏览器端除了渲染出HTML之外,如果能 执行一些脚本,那么将会减轻服务端的很多压力,尽管服务端为了安全仍然要做各种校验。比如一个输入框用来 输入电话号码,如果在浏览器端能够检测号码格式是否合法,如果格式不合法就不提交请求,那么服务器端便可以减少 很多不必要的请求。另外,如果能通过脚本动态和服务器通信,从而根据通信内容动态更改内容,那就最好了,此种技术 叫做AJAX(asynchronous JavaScript and XML)。

讲完,手工 :)