html基础（六）-CSDN博客

本文介绍了HTML脚本的基础知识，包括<script>和<noscript>标签的使用，JavaScript的基本操作如图片处理、表单验证及内容动态更新，并讲解了HTML实体、URL编码及ISO语言代码等关键概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章内容太简单，不建议阅读

HTML脚本
HTML实体
HTML URL
- 常见的 URL Scheme
- URL 字符编码
ISO 语言代码
HTTP消息
HTTP方法
Px、Em 换算工具
键盘快捷键

HTML脚本

HTML script 标签

<script>标签用于定义客户端脚本，比如 JavaScript。
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
如下，最简单的脚本,会向浏览器输出"Hello World!"：

<!DOCTYPE html>
<html>
<body>
<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>
</body>
</html>

HTML noscript 标签

<noscript>标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript>元素中的内容。

JavaScript初体验

<body>
<h1>第一个 JavaScript </h1>
<p id="demo">
JavaScript 可以触发事件，就像按钮点击。</p>
<script>
function myFunction()
{
	document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>
<button type="button" onclick="myFunction()">click me</button>
</body>

HTML实体

在 HTML 中，某些字符是预留的。
比如小于号（<）和大于号（>），浏览器会默认它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。
如需显示小于号，我们必须这样写：<或 < 或 <

详见菜鸟教程

HTML URL

URL全称统一资源定位器(Uniform Resource Locators)，可以为某一域名，也可谓IP地址。
Web浏览器通过URL从Web服务器请求页面。
当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。

格式：scheme://host.domain:port/path/filename

scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 yama.gz.cn
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称

常见的 URL Scheme

URL 字符编码

我注意到，当我服务器上有一些中文名资源时，在浏览器访问后再从地址栏复制地址时中文会变成其他字符表示，这是为什么？
如下图

http://www.yama.gz.cn/resourse/%E9%80%80%E4%BC%8D.html

因为

URL 只能使用 ASCII 字符集.来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
URL 编码使用 “%” 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。

参加URL完整编码手册

ISO 语言代码

HTML 的 lang 属性可用于声明网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。
根据 W3C 推荐标准，您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明，比如：

<html lang="zh">
...
</html>

详见ISO 639-1 语言代码

HTTP消息

点击查看

HTTP方法

点击查看

Px、Em 换算工具

点击查看

键盘快捷键

点击查看