HTML 程序标签

本文最后更新于:2024年3月18日 凌晨

HTML 程序标签

<script>

标签定义及使用说明

  • <script> 标签用于定义客户端脚本,比如 JavaScript
  • <script> 元素既可包含脚本语句,也可以通过 “src” 属性指向外部脚本文件。
  • JavaScript 通常用于图像操作,表单验证以及动态内容更改。

提示和注释

  • 注释:如果使用 “src” 属性,则 <script> 元素必须是空的。
  • 提示:请参阅noscript元素,对于那些在浏览器中禁用脚本或者其浏览器不支持客户端脚本的用户来说,该元素非常有用。
  • 注释:有多种执行外部脚本的方法:
    • 如果 async=“async”:脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行)
    • 如果不使用 async 且 defer=“defer”:脚本将在页面完成解析时执行。
    • 如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本。

属性

属性 描述
async async 规定异步执行脚本(仅适用于外部脚本),
charset charset 规定在脚本中使用的字符编码(仅适用于外部脚本),
defer defer 规定当页面已完成解析后,执行脚本(仅适用于外部脚本),
src URL 规定外部脚本的 URL,
type MIME-type 规定脚本的 MIME 类型,

<noscript>

标签定义及使用说明

  • noscript 元素用来定义在脚本未被执行时的替代内容(文本)
  • 此标签可被用于可识别 <noscript> 标签但无法支持其中的脚本的浏览器。

提示和注释

  • 提示:如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本。
  • 注释:无法识别 <script> 标签的浏览器会把标签的内容显示到页面上,为了避免浏览器这样做,您应当在注释标签中隐藏脚本,老式的(无法识别 <script> 标签的)浏览器会忽略注释,这样就不会把标签的内容写到页面上,而新式的浏览器则懂得执行这些脚本,即使它们被包围在注释标签中。

实例

1
2
3
4
<script>
document.write("Hello World!")
</script>
<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>

<embed>

标签定义及使用说明

  • <embed> 标签定义了一个容器,用来嵌入外部应用或者互动程序(插件)
  • 注意:现在已经不建议使用<embed> 标签了,可以使用 <img>,<iframe>,<video>,<audio> 等标签代替,## HTML 4.01 与 HTML5之间的差异。

属性

属性 描述
height pixels 规定嵌入内容的高度,
src URL 规定被嵌入内容的 URL,
type MIME_type 规定嵌入内容的 MIME 类型,注:MIME = Multipurpose Internet Mail Extensions,
width pixels 规定嵌入内容的宽度,

<object>

标签定义及使用说明

  • 定义一个嵌入的对象,请使用此元素向您的 XHTML 页面添加多媒体,此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
  • <object> 标签用于包含对象,比如图像,音频,视频,Java applets,ActiveX,PDF 以及 Flash
  • object 的初衷是取代 img 和 applet 元素,不过由于漏洞以及缺乏浏览器支持,这一点并未实现。
  • 浏览器的对象支持有赖于对象类型,不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。
  • 而幸运的是,object 对象提供了解决方案,如果未显示 object 元素,就会执行位于 <object></object> 之间的代码,通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)

属性

属性 描述
data URL 规定对象使用的资源的 URL,
form form_id 规定对象所属的一个或多个表单,
height pixels 规定对象的高度,
name name 为对象规定名称,
type MIME_type 规定 data 属性中规定的数据的 MIME 类型,
usemap #mapname 规定与对象一同使用的客户端图像映射的名称,
width pixels 规定对象的宽度,

<param>

标签定义及使用说明

<param>元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的<object>或者<applet>标签提供参数。

属性

属性 描述
name name 定义参数的名称(用在脚本中),
value value 描述参数值,

本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!