教你如何在html、javascript、css中使用unicode符号

今天本作发现到unicode字符集中包含了丰富实用有趣的特殊符号,特意研究了一下在html、javascript、css中的使用方法。

其它unicode符号

其实这些unicode字符使用起来并不难,现在把知识分享给大家,请看本作的源码与注释(将unicode其它字符中前三个的大阳、云、雨伞分别用于html、javascript、css中):

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>heartmv.com</title>
<style>
	* {
		margin: 0;
		padding: 0;
	}
	b{
		font-size:50px;
		margin:50px;
	}
	.b3::before{
		content:"\2602"; /*css的用法 */
	}
	
</style>
</head>

<body>
	<!--unicode字符集html、javascript、css三种使用方法-->
	<!--html的用法-->
	<b>☀</b>
	
	<!--javascript的用法-->
	<b class="b2"></b>
	
	<!--css的用法-->
	<b class="b3"></b>
	
	<script>
		var b2=document.querySelector('.b2');
		b2.innerHTML='\u2601'; //javascript的用法,只需在css编码的 \ 后面加 u 就行了
	</script>
</body>
</html>

浏览器最终的显示结果:

最后献上:

unicode其它字符的链接:https://www.utf8icons.com/subsets/miscellaneous-symbols

unicode字符集:http://www.heartmv.com/zxjx/js/20200313_423.html

看完该文章有什么感受?

发表评论

电子邮件地址不会被公开。

标签:, ,
顶部