【HTML507】HTML基础07_脚本_字符实体

最新推荐文章于 2022-06-21 21:22:37 发布

cs_xuhuan

最新推荐文章于 2022-06-21 21:22:37 发布

阅读量131

点赞数

分类专栏： HTML5 文章标签： HTML5

本文链接：https://blog.csdn.net/cs_xuhuan/article/details/87958035

版权

HTML5 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

HTML脚本

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

HTML `<script>` 标签

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

<script>
document.write("Hello World!");
</script>

HTML`<noscript>` 标签

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

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

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

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

JavaScript体验

Javascript可以直接在HTML输出

<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>

JavaScript时间响应

<p id="demo">
JavaScript 可以触发事件，就像按钮点击。</p>

<script>
function myFunction()
{
	document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>

<button type="button" onclick="myFunction()">点我</button>

JavaScript处理HTML样式

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
	
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
	x=document.getElementById("demo") // 找到元素
	x.style.color="#ff0000";          // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
	
</body>
</html>

HTML脚本标签

<script>	定义了客户端脚本
<noscript>	定义了不支持脚本浏览器输出的文本

HTML字符实体

HTML 中的预留字符必须被替换为字符实体。
一些在键盘上找不到的字符也可以使用字符实体来替换。

HTML实体

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

&entity_name;
或
&#entity_number;

如需显示小于号，我们必须这样写：< 或 < 或 <
提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。

不间断空格(Non-breaking Space)

HTML 中的常用字符实体是不间断空格( )。
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，您需要使用   字符实体。

结合音标符

发音符号是加到字母上的一个"glyph(字形)"。

一些变音符号, 如尖音符 ( ̀) 和抑音符 ( ́) 。

变音符号可以出现字母的上面和下面，或者字母里面，或者两个字母间。

变音符号可以与字母、数字字符的组合来使用。

  ̀	a	a&#768;	à
  ́	a	a&#769;	á
̂	a	a&#770;	â
  ̃	a	a&#771;	ã
  ̀	O	O&#768;	Ò
  ́	O	O&#769;	Ó
̂	O	O&#770;	Ô
  ̃	O	O&#771;	Õ

HTML字符实体

实体名称对大小写敏感！

 	空格		&nbsp;		&#160;
<	小于号		&lt;		&#60;
>	大于号		&gt;		&#62;
&	和号		&amp;		&#38;
"	引号		&quot;		&#34;
'	撇号 		&apos; (IE不支持)	&#39;
￠	分			&cent;		&#162;
£	镑			&pound;		&#163;
¥	人民币/日元	&yen;		&#165;
€	欧元		&euro;		&#8364;
§	小节		&sect;		&#167;
©	版权		&copy;		&#169;
®	注册商标		&reg;		&#174;
™	商标		&trade;		&#8482;
×	乘号		&times;		&#215;
÷	除号		&divide;	&#247;

虽然 html 不区分大小写，但实体字符对大小写敏感。