搜索
您的当前位置:首页正文

html中script标签与noscript标签的区别

2023-11-27 来源:欢乐泡美食网

其实HTML的script标签学过Web开发的应该都知道。只是,用框架开发的话,这些标签通常都是自动生成,平时并不会去注意,更多的是在意src路径里的那个js文件。

最近在写JS的练习代码时,才无意中发现,原来script标签里,也有很多讲究。

根据W3C标准,script标签里的type属性是required的,而src是optional。虽然不写type运行也不会有问题。

而XHTML则要更复杂一点:

<script type="text/javascript"> //<![CDATA[ var i=10; if (i<5) { // some code } //]]> </script>

script标签里有个defer="defer"的可选属性,可以定义脚本在页面加载完之后再执行,不过……这个属性,要和src一起使用,否则有些浏览器不支持。PS:IE 6也支持这个属性。

onscript标签会在浏览器禁用脚本时显示其内容:

<noscript> <p>To better present the page, please turn on scripting.</p> </noscript>

小编还为您整理了以下内容,可能对您也有帮助:

HTML 脚本


向 HTML 添加脚本(Script),使其动态性和交互性更强。
将脚本插入 HTML 页
HTML 中的脚本使用 script 标签进行定义。请注意你可以使用 type 属性来指定脚本语言。
html
head
/head
body
script type="text/javascript"
document.write("Hello World!")
/script
/body
/html上面的脚本输出以下结果:
Hello World!
提示:如果需要学习更多有关在 HTML 中编写脚本的知识,请访问我们的《JavaScript 教程》
如何应付老式的浏览器
如果浏览器压根没法识别 script 标签,那么 script 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,你应该将脚本隐藏在注释标签当中。那些老的浏览器(无法识别 script 标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。
实例
JavaScript:
script type="text/javascript"
!--
document.write("Hello World!")
//--
/script
VBScript:
script type="text/vbscript"
!--
document.write("Hello World!")
'--
/script
noscript 标签
除了将脚本隐藏于注释中,你还可以添加 noscript 标签。noscript 标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况:如果浏览器能够识别 script 标签,但是不支持其中的脚本,那么这些浏览器将显示出 noscript 标签内部的文本。不过,如果浏览器支持 script 内的脚本,那么浏览器将忽略 noscript 标签。
JavaScript:
script type="text/javascript"
!--
document.write("Hello World!")
//--
/script
noscriptYour browser does not support JavaScript!/noscript
VBScript:
script type="text/vbscript"
!--
document.write("Hello World!")
'--
/script
noscriptYour browser does not support VBScript!/noscript

HTML 脚本


向 HTML 添加脚本(Script),使其动态性和交互性更强。
将脚本插入 HTML 页
HTML 中的脚本使用 script 标签进行定义。请注意你可以使用 type 属性来指定脚本语言。
html
head
/head
body
script type="text/javascript"
document.write("Hello World!")
/script
/body
/html上面的脚本输出以下结果:
Hello World!
提示:如果需要学习更多有关在 HTML 中编写脚本的知识,请访问我们的《JavaScript 教程》
如何应付老式的浏览器
如果浏览器压根没法识别 script 标签,那么 script 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,你应该将脚本隐藏在注释标签当中。那些老的浏览器(无法识别 script 标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。
实例
JavaScript:
script type="text/javascript"
!--
document.write("Hello World!")
//--
/script
VBScript:
script type="text/vbscript"
!--
document.write("Hello World!")
'--
/script
noscript 标签
除了将脚本隐藏于注释中,你还可以添加 noscript 标签。noscript 标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况:如果浏览器能够识别 script 标签,但是不支持其中的脚本,那么这些浏览器将显示出 noscript 标签内部的文本。不过,如果浏览器支持 script 内的脚本,那么浏览器将忽略 noscript 标签。
JavaScript:
script type="text/javascript"
!--
document.write("Hello World!")
//--
/script
noscriptYour browser does not support JavaScript!/noscript
VBScript:
script type="text/vbscript"
!--
document.write("Hello World!")
'--
/script
noscriptYour browser does not support VBScript!/noscript

HTML5语义化标签的理解与意义

很多面试官会问:对于 HTML5语义化标签的理解。那么本篇专门解答一下这个问题。

除了让开发人员

更加理解你的html结构及

代码易读之外,当然有更有深度有趣的原因。

首先对W3C的HTML5其进行大概的分类,随意看看(可以这样回答面试官,说你归纳过): 1:定义上的: !--...-- 定义注释。 !DOCTYPE 定义文档类型。 html定义 HTML 文档。 body   定义文档的主体。 script定义客户端脚本。 frame定义框架集的窗口或框架。 frameset定义框架集。 head定义关于文档的信息。 iframe定义内联框架。 meta定义关于 HTML 文档的元信息。 link定义文档与外部资源的关系。 noframes定义针对不支持框架的用户的替代内容。 noscript定义针对不支持客户端脚本的用户的替代内容。 2:功能上的( js或者css上的作用比较有特色的语义化标签): a      定义锚。 abbr   定义缩写。 address 定义文档作者或拥有者的联系信息。 area    定义图像映射内部的区域。 audio 定义声音内容。 base 定义页面中所有链接的默认地址或默认目标。 br     定义简单的折行。 button 定义按钮 (push button)。 col定义表格中一个或多个列的属性值。 colgroup定义表格中供格式化的列组。 dfn    定义一个定义项目。 code   定义计算机代码文本。 samp   定义样本文本。 kbd    定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 var    定义变量。您可以将此标签与 pre 及 code 标签配合使用。 cite    定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。 datalist定义下拉列表。 wbr 定义长单词在哪里换号;元素来添加 Word Break Opportunity(单词换行时机) video定义视频。 track 标签为诸如 video 元素之类的媒介规定外部文本轨道。 title定义文档的标题。 time定义日期/时间。 textarea定义多行的文本输入控件。 strong定义强调文本。 style定义文档的样式信息。 sub定义下标文本。 summary为 details 元素定义可见的标题。 sup定义上标文本。 source定义媒介源。 samp定义计算机代码样本。 section定义 section。 select定义选择列表(下拉列表)。 rt定义 ruby 注释的解释。 ruby定义 ruby 注释。 q定义短的引用。 progress定义任何类型的任务的进度。 param定义对象的参数。 pre定义预格式文本。 optgroup定义选择列表中相关选项的组合。 option定义选择列表中的选项。 output定义输出的一些类型。 details定义元素的细节。 dir不赞成使用。定义目录列表。 div定义文档中的节。 dfn定义定义项目。 dialog定义对话框或窗口。 dl定义定义列表。 dt定义定义列表中的项目。 embed定义外部交互内容或插件。 fieldset定义围绕表单中元素的边框。 figcaption定义 figure 元素的标题。 figure定义媒介内容的分组,以及它们的标题。 form定义供用户输入的 HTML 表单。 hr定义水平线。 img定义图像。 input定义输入控件。 ins定义被插入文本。 kbd定义键盘文本。 keygen定义生成密钥。 label定义 input 元素的标注。 legend定义 fieldset 元素的标题。 map定义图像映射。 mark定义有记号的文本。 menu定义命令的列表或菜单。 menuitem定义用户可以从弹出菜单调用的命令/菜单项目。 meter定义预定义范围内的度量。 nav定义导航链接。 object定义内嵌对象。 3:结构上的(方便分块查看,这个很重要):结构上的 可以被其他div+css代替但是好的前端 会用这些标签来使代码可读性增强。 header定义 section 或 page 的页眉。 dd定义定义列表中项目的描述。 article 定义文章。 aside 定义页面内容之外的内容。 尤其上面的四位主要用于划分页面块,一般不做样式处理 p定义段落。 em    把文本定义为强调的内容。 strong 把文本定义为语气更强的强调的内容。 bdo 定义文字方向。 bdi 定义文本的文本方向,使其脱离其周围文本的方向设置,与bdo配合使用试试。 big 定义大号文本。 b      定义粗体字。 del定义被删除文本。 ul定义无序列表。 ol定义有序列表。 table定义表格。 tbody定义表格中的主体内容。 td定义表格中的单元。 tfoot定义表格中的表注内容(脚注)。 th定义表格中的表头单元格。 thead定义表格中的表头内容。 tr定义表格中的行。 footer定义 section 或 page 的页脚。 h1 to h6定义 HTML 标题。 i定义斜体字。 li定义列表的项目。

语义化标签的好处要从 HTML 全局属性说起,即 有的标签有默认的HTML全局属性,所以最好用语义化标签。 1:以下元素 支持 tabindex 属性:a, area, button, input, object, select 以及 textarea。 用法: element tabindex="number" number规定元素的 tab 键控制次序(1 是第一个)。 作用: 增强用户键盘的可操作性,所以不要用div代替 2:以下元素 支持 accesskey 属性:a, area, button, input, label, legend 以及 textarea。 用法: element accesskey="character" character规定激活(使元素获得焦点)元素的便捷按键。 作用: 增强用户键盘的可操作性,所以不要用div代替 3:contextmenu 属性的值是要打开的 menu 元素的 id。目前只有火狐支持 4: spellcheck 属性规定是否对元素进行拼写和语法检查。 可以对以下内容进行拼写检查: input 元素中的文本值(非密码) textarea 元素中的文本 可编辑元素中的文本 5: lang 属性在以下标签中无效:base, br, frame, frameset, hr, iframe, param 以及 script。

对外的意义: 有利于SEO的!!有利于解析代码!!可读性可维护性增强!!

HTML脚本的脚本元素

script 元素
<script> 标签用于定义客户端脚本,比如 JavaScript。
script 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
下面的脚本会向浏览器输出“百度百科”: <scripttype=text/javascript>document.write(百度百科)</script>脚本插入 HTML 页 HTML 中的脚本使用 <script> 标签进行定义。请注意你可以使用 type 属性来指定脚本语言。 <html><head></head><body><scripttype=text/javascript>document.write(百度百科)</script></body></html>上面的脚本输出以下结果:
百度百科
<noscript> 标签
<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。
noscript 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时,才会显示 noscript 元素中的内容,如: <scripttype=text/javascript>document.write(百度百科)</script><noscript>浏览器不支持JavaScript!</noscript>除了将脚本隐藏于注释中,你还可以添加 <noscript> 标签。<noscript>标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况:如果浏览器能够识别 <script>标签,但是不支持其中的脚本,那么这些浏览器将显示出 <noscript> 标签内部的文本。不过,如果浏览器支持<script> 内的脚本,那么浏览器将忽略 <noscript> 标签。 JavaScript <scripttype=text/javascript><!--document.write(百度百科!)//--></script><noscript>浏览器不支持JavaScript!</noscript>VBScript <scripttype=text/vbscript><!--document.write(百度百科)'--></script><noscript>浏览器不支持VBScript!</noscript>标签 描述 <script> 定义脚本。 <noscript> 定义在脚本无法执行的情况下的替代文本。 <object> 定义嵌入的对象。 <param> 为对象定义 run-time 设置(参数)。 <applet> 不赞成使用。请使用 <object>。

HTML脚本的脚本元素

script 元素
<script> 标签用于定义客户端脚本,比如 JavaScript。
script 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
下面的脚本会向浏览器输出“百度百科”: <scripttype=text/javascript>document.write(百度百科)</script>脚本插入 HTML 页 HTML 中的脚本使用 <script> 标签进行定义。请注意你可以使用 type 属性来指定脚本语言。 <html><head></head><body><scripttype=text/javascript>document.write(百度百科)</script></body></html>上面的脚本输出以下结果:
百度百科
<noscript> 标签
<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。
noscript 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时,才会显示 noscript 元素中的内容,如: <scripttype=text/javascript>document.write(百度百科)</script><noscript>浏览器不支持JavaScript!</noscript>除了将脚本隐藏于注释中,你还可以添加 <noscript> 标签。<noscript>标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况:如果浏览器能够识别 <script>标签,但是不支持其中的脚本,那么这些浏览器将显示出 <noscript> 标签内部的文本。不过,如果浏览器支持<script> 内的脚本,那么浏览器将忽略 <noscript> 标签。 JavaScript <scripttype=text/javascript><!--document.write(百度百科!)//--></script><noscript>浏览器不支持JavaScript!</noscript>VBScript <scripttype=text/vbscript><!--document.write(百度百科)'--></script><noscript>浏览器不支持VBScript!</noscript>标签 描述 <script> 定义脚本。 <noscript> 定义在脚本无法执行的情况下的替代文本。 <object> 定义嵌入的对象。 <param> 为对象定义 run-time 设置(参数)。 <applet> 不赞成使用。请使用 <object>。

HTML的Script标签是干嘛的?

HTML的Script标签用于定义客户端脚本,比如 JavaScript。

脚本(Script)是一种批处理文件的延伸,是一种纯文本保存的程序,一般来说的计算机脚本程序是确定的一系列控制计算机进行运算操作动作的组合,在其中可以实现一定的逻辑分支等。

超文本标记语言简称HTML,标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言,是网页制作所必备的。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

扩展资料:

Script主要特性:

1、语法和结构通常比较简单;

2、学习和使用通常比较简单;

3、通常以容易修改程序的“解释”作为运行方式,而不需要“编译”;

4、程序的开发产能优于运行效能;

5、极大地提高了系统管理员的工作效率。

参考资料来源:

百度百科-HTML

百度百科-script

html所有的块级标签和行级标签有哪些

块级元素

特点:1.每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。

2.元素的高度、宽度、行高和顶底边距都是可以设置的。  

3.元素的宽度如果不设置的话,默认为父元素的宽度。

常见的块级元素:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

行级元素

特点:1.可以和其他元素处于一行,不用必须另起一行。

2.元素的高度、宽度及顶部和底部边距不可设置。

3.元素的宽度就是它包含的文字、图片的宽度,不可改变。

块元素(block element) HTML标签分类明细

address - 地址

blockquote - 块引用

center - 举中对齐块

dir - 目录列表

dl - 定义列表

fieldset - form控制组

form - 交互表单 (只能用来容纳其它块元素)

h1 - 大标题

h2 - 副标题

h3 - 3级标题

h4 - 4级标题

h5 - 5级标题

h6 - 6级标题

hr - 水平分隔线

isindex - input prompt

menu - 菜单列表

noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容

noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)

ol - 排序表单

p - 段落

pre - 格式化文本

table - 表格

ul - 非排序列表

内联元素(inline element) HTML标签分类明细

a - 锚点

abbr - 缩写

acronym - 首字

b - 粗体(不推荐)

bdo - bidi override

big - 大字体

br - 换行

cite - 引用

code - 计算机代码(在引用源码的时候需要)

dfn - 定义字段

em - 强调

font - 字体设定(不推荐)

i - 斜体

img - 图片

input - 输入框

kbd - 定义键盘文本

label - 表格标签

s - 中划线(不推荐)

samp - 定义范例计算机代码

select - 项目选择

small - 小字体文本

span - 常用内联容器,定义文本内区块

strike - 中划线

strong - 粗体强调

sub - 下标

sup - 上标

textarea - 多行文本输入框

tt - 电传文本

u - 下划线

var - 定义变量

可变元素 HTML标签分类明细

applet - java applet  

button - 按钮  

del - 删除文本  

iframe - inline frame  

ins - 插入的文本  

map - 图片区块(map)  

object - object对象  

script - 客户端脚本

扩展资料:

HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

字符集:

在网页中除了可显示常见的美国信息交换标准代码(外语缩写:ASCII)字符和汉字外,HTML还有许多特殊字符,它们一起构成了HTML字符集。

有2种情况需要使用特殊字符,一是网页中有其特殊意义的字符,二是键盘上没有的字符。HTML字符可以用一些代码来表示,代码可以有2种表示方式。

即字符代码(命名实体)和数字代码(编号实体)。字符代码以“&”符开始,以分号";"结束,其间是字符名,如&reg;。数字代码也以“&#”符开始,以分号";"结束,其间是编号,如®。

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。

网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。

浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。

但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。

它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

参考资料来源:百度百科-HTML

欢乐泡美食网还为您提供以下相关内容希望对您有帮助:

HTML脚本的脚本元素

&lt;noscript&gt;标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况:如果浏览器能够识别 &lt;script&gt;标签,但是不支持其中的脚本,那么这些浏览器将显示出 &lt;noscript&gt; 标签内部的文本。不过,如果浏览器支持&lt;script&gt; ...

HTML 脚本

")'--/scriptnoscript 标签除了将脚本隐藏于注释中,你还可以添加 noscript 标签。noscript 标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况:如果浏览器能够识别 script 标签,但是不支持其中的脚本,那么...

HTML的Script标签是干嘛的?

HTML的Script标签用于定义客户端脚本,比如 JavaScript。脚本(Script)是一种批处理文件的延伸,是一种纯文本保存的程序,一般来说的计算机脚本程序是确定的一系列控制计算机进行运算操作动作的组合,在其中可以实现一定的逻辑分支...

HTML5语义化标签的理解与意义

meta定义关于 HTML 文档的元信息。 link定义文档与外部资源的关系。 noframes定义针对不支持框架的用户的替代内容。 noscript定义针对不支持客户端脚本的用户的替代内容。 2:功能上的( js或者css上的作用比较有特色的语义化...

html的页面标签

HTML &lt;noscript&gt; 标签noscript 元素用来定义在浏览器不支持 script 脚本时的替代文本内容。HTML &lt;object&gt; 标签object 定义一个嵌入 html 的对象,可以使用此元素向 HTML 页面添加多媒体,比如音频、视频、Java applets、ActiveX、PDF 以及...

html中&lt;script&gt;的意义??

script脚本标签 language:语言,常用的有VBScript,Javascript,jscript,vbs,js runat:运行方式,常用的有client和server(不指定为client客户端,HTML中无效)src:引用文件,把这个文件的全部内容当作脚本执行,是调用这个文件 例...

html所有的块级标签和行级标签有哪些

(对于不支持frame的浏览器显示此区块内容noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)ol - 排序表单p - 段落pre - 格式化文本table - 表格ul - 非排序列表内联元素(inline element) HTML标签分类明细a...

HTML的&lt;script&gt;标签如何使用

HTML的&lt;script&gt;标签是用来指定客户端脚本的,它可以帮助我们在HTML文档中放置脚本。可以在&lt;script&gt;标签内嵌入脚本代码,也可以使用src属性链接外部脚本文件。本篇文章就来给大家介绍关于html中&lt;script&gt;标签元素使用方法。&lt;script&gt;...

html 标签 属性

标签和属性在HTML中,通常标签都是由开始标签和结束标签组成的,开始标签用“&lt;标签名&gt;”表示,结束标签用“&lt;/标签名&gt;”表示。元素指的是包含标签在内的整体,除去标签的部分叫做内容。属性要在开始标签中指定,用来表示该标签的性质和特性...

网页设计中,属于常用布局的块状结构是什么_常见的网页布局结构有哪些...

noscript-可选脚本内容(对于不支持script的浏览器显示此内容)ol-排序表单 p-段落 pre-格式化文本 table-表格 ul-非排序列表 ◎内联元素(inlineelement)一般都是基于语义级(semantic)的基本元素,只能容纳文本或者其它内联元素...

Top