web前端学习（十一）——HTML5中脚本、URL及XHTML的简单学习

已于 2024-04-24 11:23:58 修改
阅读量8.1k 收藏 2
点赞数 3
分类专栏： # 【HTML+CSS+JavaScript】 文章标签： 前端 学习 html5
于 2021-01-19 13:44:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43823808/article/details/112817254
版权

1.HTML脚本

JavaScript 使 HTML 页面具有更强的动态和交互性。 

1.1 <script> 标签 

<script> 标签用于定义客户端脚本，比如 JavaScript。

<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。

JavaScript 最常用于图片操作、表单验证以及内容动态更新。

下面的脚本会向浏览器输出"Hello World!"：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>HTML简单学习</title>
	</head>
	
	<body>
		<script>
			document.write("Hello World!!!")
		</script>
	</body>
</html>

1.2 <noscript> 标签 

<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。

<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>HTML简单学习</title>
	</head>
	
	<body>
		<script>
			document.write("Hello World!!!")
		</script>
		<noscript>抱歉，您的浏览器不支持JavaScript！！！</noscript>
		<p>
			不支持 JavaScript 的浏览器会使用&nbsp;&lt;noscript&gt;&nbsp;元素中定义的内容（文本）来替代。
		</p>
	</body>
</html>

2.HTML中的URL

URL：统一资源定位器(Uniform Resource Locators) 。

Web浏览器通过URL从Web服务器请求页面。

当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。

一个统一资源定位器(URL) 用于定位万维网上的文档。

scheme://host.domain:port/path/filename

说明:

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

2.1 常见的 URL Scheme 

Scheme访问用于...
http超文本传输协议以 http:// 开头的普通网页。不加密。
https安全超文本传输协议安全网页，加密所有信息交换。
ftp文件传输协议用于将文件下载或上传至网站。
file您计算机上的文件。

2.2 URL字符编码

URL 只能使用 ASCII 字符集.

来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。

URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。

URL 不能包含空格。URL 编码通常使用 + 来替换空格。

3.XHTML简介 

XHTML 是以 XML 格式编写的 HTML。

3.1 什么是XHTML？ 

  • XHTML 指的是可扩展超文本标记语言
  • XHTML 与 HTML 4.01 几乎是相同的
  • XHTML 是更严格更纯净的 HTML 版本
  • XHTML 是以 XML 应用的方式定义的 HTML
  • XHTML 是 2001 年 1 月发布的 W3C 推荐标准
  • XHTML 得到所有主流浏览器的支持

3.2 与 HTML 相比最重要的区别 

文档结构

  • XHTML DOCTYPE 是强制性的
  • <html> 中的 XML namespace 属性是强制性的
  • <html>、<head>、<title> 以及 <body> 也是强制性的

元素语法

  • XHTML 元素必须正确嵌套
  • XHTML 元素必须始终关闭
  • XHTML 元素必须小写
  • XHTML 文档必须有一个根元素

属性语法

  • XHTML 属性必须使用小写
  • XHTML 属性值必须用引号包围
  • XHTML 属性最小化也是禁止的

3.3 <!DOCTYPE ....>是强制性的 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8"/>
		<title>文档标题</title>
	</head>
	
	<body>
		文档内容
	</body>
</html>

3.4 XHTML 元素必须合理嵌套

在 XHTML 中，所有的元素都必须互相合理地嵌套，像这样：

<b><i>粗体和斜体文本</i></b>

3.5 XHTML 元素必须有关闭标签

<p>这是一个段落</p>
<p>这是另外一个段落</p>

3.6 空元素必须包含关闭标签

分行:<br />
水平线: <hr />
图片: <img src="happy.gif" alt="Happy face" />

3.7 XHTML 元素必须是小写

<body>
<p>这是一个段落</p>
</body>

3.8 属性名称必须是小写、加上引号（不允许属性简写）

<table width="100%">

<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">

★★光亭★★
关注
专栏目录
【HTML5】Web前端开发初级下——第一课：初识HTML5、HTML5保留的常用元素
王迪
10-26 688
知识点：
Web前端——html全面解析笔记
轮回浮华三千的博客
04-26 491
Web前端开发——HTML英文单词编程环境搭建三级目录 英文单词 Hyper Text Markup Language——超文本标记语言（HTML） 编程环境搭建 如无特殊说明，则均在C盘之外的盘和英文输入法下操作。 安装Sublime Text软件，新建一个web文件夹，web文件夹中新建code文件夹，code文件夹中新建5个文件夹分别为css，js，image，music，video。 打开Sublime Text软件ctrl+n新建，ctrl+s保存在code文件夹下，文件后缀名为html。（例如1
HTML和URL简介
sanshiliuxiao的博客
08-19 1095
阮一峰老师的 HTML 教程 本文属于笔记性质，内容大部分出于上述教程，但会对内容进行组织，精简。 范围：一、二章节。 文章始发于个人博客：椎咲良田的个人博客 HTML 简介 HTML： 超文本标记语言(HyperText Markup Language)，于 1990 年，由 Tim Berners-lee（李爵士）发明。 2014 年，HTML5 发布，目前广泛使用的版本就是 HTML5。...
URL - 统一资源定位器
君君的博客
12-11 3648
URL - 统一资源定位器 Web浏览器通过URL从Web服务器请求页面。 当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。 一个统一资源定位器(URL) 用于定位万维网上的文档。 一个网页地址实例: http://www.runoob.com/html/html-tutorial.html 语法规则: scheme://host.domain:port/path/filename 说明: scheme - 定义因特网服务的类型。最常见的类
noscript 标签的用途
最新发布
weixin_64684095的博客
07-01 359
当浏览器不支持 JS，或者用户在浏览器中禁用了 JS。noscript 标签的内容会被展示出来，可以是图片，链接等任何 HTML 因素。确保在无 JS 脚本的情况下，用户也能获取到关键信息。
html和url
cwtnice的博客
04-05 809
http和url的基础知识
HTML 统一资源定位器
weixin_33918357的博客
12-25 151
2019独角兽企业重金招聘Python工程师标准>>> ...
HTML基础知识：URL、文本标签、链接标签、图片标签、列表标签
qq_68163788的博客
11-03 4602
URL（Uniform Resource Locator）是指用于定位和访问互联网上资源的地址。在HTML中，可以通过使用标签来创建超链接，将文本或图片与特定的URL关联起来。文本是HTML中最基本的内容元素。可以使用标签来定义段落，到标签来定义标题，标签来定义行内文本等。图片是网页中常用的元素之一，可以使用标签来插入图片。图片是网页中常用的元素之一，可以使用标签来插入图片。HTML中的URL、文本、图片、列表和标签是创建网页时常用的元素。
web前端知识梳理——HTML5(一)
不学不行
07-07 1834
一.Web基础知识(了解)   web与Internet  1.Internet  全球性计算机互联网络,简称因特网,互联网,交互网.  2.Internet上的应用程序    1.c/s  --可执行的桌面应用程序,需要下载安装更新      c:client客户端        s:server服务器    2.b/s ---类似京东       b:browser浏览器       s:se...
web前端课程设计——重庆旅游7页 HTML+CSS+JavaScript
专注于dreamweaver网页设计制作
08-11 778
👨‍🎓静态网站的编写主要是用 HTML DⅣV+ CSSJS等来完成页面的排版设计👩‍🎓，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。 🏀 精彩专栏推荐👇🏻👇🏻👇🏻 💝 【作者主页——🔥获取更多优质源码】 💝 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】🚀 旅游景......
Web前端面试那些事之常见的HTML面试题及答案分享
xiaoxijing的博客
05-25 473
HTML称为超文本标记语言，是一种标识性的语言。在前端开发中离不开HTML，支持不同数据格式的文件镶入。前端工程师在面试过程中涉及到一些基础知识，常见的前端HTML面试题有哪些呢？本文，分享12道经典的HTML面试题给大家！ 1、<image>标签上title属性与alt属性的区别是什么？ alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。 这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉
HTML指令 入门
weixin_30416871的博客
01-26 251
结构 ＜html＞ ＜head＞ ＜title＞标题＜title＞ ＜/head＞ ＜body＞..........文件内容.......... ＜/body＞ ＜/html＞ ---------------------------------------------- 标题 1.文件标题 ＜title＞..........＜/title＞ 2.文件更新...
html中url表示方法,HTML网页中的URL表示方式介绍
weixin_36431018的博客
07-07 3177
在HTML中很多用户们对于URL表示方式都不了解，那么今天爱站小编就将为大家分享HTML网页中的URL表示方式介绍，希望对大家的学习有所帮助。在HTML中，常见的URL有多种表示方式：相对URL：复制代码代码如下:example.phpdemo/example.php./example.php../../example.php/example.php绝对URL：复制代码代码如下:http://jb...
html的url中写什么意思,html中url指的是什么意思
weixin_42230607的博客
06-03 2811
这篇文章将为大家详细讲解有关html中url指的是什么意思，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。你在看网页的时候有木有注意到它长长的网址？其实那就是URL。一起来看一下百度百科的解释：url是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的...
HTML URL
zxc_c_java的博客
08-30 749
前面的文章中总是出现URL这个东西，所以还是要整理一下相关的概念，以下截图来自网路上的pdf，部分概念整理来自网络……如果有看不懂的地方自行百度         URL（Uniform Resource Locator，统一资 源定位符）是地址的别名。记住，它包含关于文件存储位置和浏览器应如何处理它的信息。互联网上的每个文件都有唯一的 URL。 URL的第一个部分称为模式（scheme
HTML_URL
weixin_44516932的博客
11-07 271
URL 网址组成： 基本：协议+域名 完整：协议+域名+端口+路径+参数+锚点 http://www.baidu.com:80/image/jpeg/xxoo.jpg?name=yaoguang&age=18#papapa 协议：http或者https 域名：www.baidu.com 端口：: 80 如果网址的端口为 : 80，可以省略 路径：image/jpeg/xxoo.jpg ...
14、HTML 统一资源定位器
weixin_30871701的博客
02-12 91
URL - 统一资源定位器 Web浏览器通过URL从Web服务器请求页面 当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址 一个统一资源定位器(URL) 用于定位万维网上的文档 scheme://host.domain:port/path/filename 说明: scheme - 定义因特网服务的类型。最常...
html-url
淡淡的芦苇的博客
08-24 1257
Web浏览器通过URL从Web服务器请求页面。 scheme://host.domain:port/path/filename 说明: scheme - 定义因特网服务的类型。最常见的类型是 http host - 定义域主机（http 的默认主机是 www） domain - 定义因特网域名，比如 runoob.com :port - 定义主机上的端口号（http 的默认端...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

★★光亭★★

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值