Web开发系列(三):什么是HTML,CSS,JS?
这篇博客要写的内容比较无聊,属于概念性的东西,我们介绍一下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)。
讲完,手工 :)
更多文章
本站热门
- socks5 协议详解
- zerotier简明教程
- 搞定面试中的系统设计题
- 用peewee代替SQLAlchemy
- frp 源码阅读与分析(一):流程和概念
- Golang(Go语言)中实现典型的fork调用
- DNSCrypt简明教程
- 一个Gunicorn worker数量引发的血案
- Golang validator使用教程
- Docker组件介绍(一):runc和containerd
- Docker组件介绍(二):shim, docker-init和docker-proxy
- 使用Go语言实现一个异步任务框架
- 协程(coroutine)简介 - 什么是协程?
- SQLAlchemy简明教程
- Go Module 简明教程