前端学习笔记（HTML&CSS）（02）

前端学习笔记（HTML&CSS）（02）

实体（entity）

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

如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符）

实体符合展示

<p>空格	            &nbsp; 	
   小于号  	        &lt;  	
   大于号	        &gt;	 
</p> 
<p>和号	            &amp;	  
   引号	            &quot; 	
   撇号	            &apos;   
</p>
<p>分   	        &cent; 	
   镑	            &pound; 	
   人民币/日元	    &yen;   
</p> 	
<p>欧元	            &euro;
   小节	            &sect; 	
   版权	            &copy;	 
</p>  
<p>注册商标	        &reg;	
   商标	            &trade;  	
   乘号	            &times; 	
   除号	            &divide;
</p>  	

网页符号显示

meta标签

meta主要用于设置网页中的一些元数据，元数据不是给用户看。
< meta > 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
< meta> 标签位于文档的头部，不包含任何内容。< meta > 标签的属性定义了与文档相关联的名称/值对。

• 注释：< meta > 标签永远位于 head 元素内部。
• 注释：元数据总是以名称/值的形式被成对传递的。

必需的属性

content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。

可选的属性

http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

<meta http-equiv="refresh" content="3;url=https://www.bilibili.com/video/BV1XJ411X7Ud?p=20"> 
<!--将页面重定向到另一个网站,3秒后跳转-->

name 属性
name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 < meta > 名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。

“keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。

<!--keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用,隔开-->
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>
<meta name="keywords" content="网购,网上购物,在线购物,网购网站,网购商城,购物网站,网购中心,购物中心,卓越,亚马逊,卓越亚马逊,亚马逊中国,joyo,amazon">

description 用于指定网站的描述

 <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"/>
<!--网站的描述会显示在搜索引擎的搜索的结果中-->

scheme 属性
scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 标签的 profile 属性指定的概况文件中进行了定义。