<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Language" content="text/html;charset=UTF-8">
<title>常用标签meta标签和link标签</title>
<link rel="stylesheet" href="../Test.css">
<link rel="shortcut icon" href="../favicon.ico">
</head>
<body>
<h1>常用标签meta标签和link标签</h1>
<h2>主要内容：</h2>
<h3>1.charset 编码格式</h3>
<h3>2.mata标签</h3>
<h3>3.link 标签</h3>
<h3>4.零零碎碎</h3>
<br><br><br>
<h2>1.charset 编码格式</h2>
<p>1)含义：charset 属性规定在外部脚本文件中使用的字符编码。</p>
<p>2)常见的编码格式：<br>
1.ASCII码: <br>
这是美国在19世纪60年代的时候为了建立英文字符和二进制的关系时制定的编码规范，它能表示128个字符，其中包括英文字符、阿拉伯数字、西文字符以及32个控制字符。它用一个字节来表示具体的字符，但它只用后7位来表示字符（2^7=128），最前面的一位统一规定为0。<br>
2.扩展的ASCII码<br>
原本的ASCII码对于英文语言的国家是够用了，但是欧洲国家的一些语言会有拼音，这时7个字节就不够用了。因此一些欧洲国家就决定，利用字节中闲置的最高位编入新的符号。比如，法语中的é的编码为130（二进制10000010）。这样一来，这些欧洲国家使 用的编码体系，可以表示最多256个符号。但这时问题也出现了：不同的国家有不同的字母，因此，哪怕它们都使用256个符号的编码方式，代表的字母却不一样。比如，130在法语编码 中代表了é，在希伯来语编码中却代表了字母Gimel (ג)，在俄语编码中又会代表另一个符号。但是不管怎样，所有这些编码方式中，0—127表示的符号是一样的，不一样的只是128—255的这一段。这个问题就直接促使了Unicode编码的产生。<br>
3.Unicode符号集<br>
正如上一节所说，世界上存在着多种编码方式，同一个二进制数字可以被解释成不同的符号。因此，要想打开一个文本文件，就必须知道它的编码方式，否则用错误的编码方式解读，就会出现乱码。为什么电子邮件常常出现乱码？就是因为发信人和收信人使用的编码方式不一样。而Unicode就是这样一种编码：它包含了世界上所有的符号，并且每一个符号都是独一无二的。比如，U+0639表示阿拉伯字母Ain，U+0041表示英语的大写字母A，U+4E25表示汉字“严”。具体的符号对应表，可以查询unicode.org，或者专门的汉字对应表 。很多人都说Unicode编码，但其实Unicode是一个符号集（世界上所有符号的符号集），而不是一种新的编码方式。<br>
但是正因为Unicode包含了所有的字符，而有些国家的字符用一个字节便可以表示，而有些国家的字符要用多个字节才能表示出来。即产生了两个问题：第一，如果有两个字节的数据，那计算机怎么知道这两个字节是表示一个汉字呢？还是表示两个英文字母呢？第二，因为不同字符需要的存储长度不一样，那么如果Unicode规定用2个字节存储字符，那么英文字符存储时前面1个字节都是0，这就大大浪费了存储空间。
上面两个问题造成的结果是：1）出现了unicode的多种存储方式，也就是说有许多种不同的二进制格式，可以用来表示unicode。2）unicode在很长一段时间内无法推广，直到互联网的出现。<br>
4.UTF-8
互联网的普及，强烈要求出现一种统一的编码方式。UTF-8就是在互联网上使用最广的一种unicode的实现方式。其他实现方式还包括UTF-16和UTF-32，不过在互联网上基本不用。重复一遍，这里的关系是，UTF-8是Unicode的实现方式之一。<br>
UTF-8最大的一个特点，就是它是一种变长的编码方式。它可以使用1~4个字节表示一个符号，根据不同的符号而变化字节长度。<br>
UTF-8的编码规则很简单，只有两条：<br>
1）对于单字节的符号，字节的第一位设为0，后面7位为这个符号的unicode码。因此对于英语字母，UTF-8编码和ASCII码是相同的。<br>
2）对于n字节的符号（n>1），第一个字节的前n位都设为1，第n+1位设为0，后面字节的前两位一律设为10。剩下的没有提及的二进制位，全部为这个符号的unicode码。<br>
5.GBK/GB2312/GB18030 <br>
GBK和GB2312都是针对简体字的编码，只是GB2312只支持六千多个汉字的编码，而GBK支持1万多个汉字编码。而GB18030是用于繁体字的编码。汉字存储时都使用两个字节来储存。<br>
6.总结
ASCII编码：用来表示英文，它使用1个字节表示，其中第一位规定为0，其他7位存储数据，一共可以表示128个字符。<br>
拓展ASCII编码：用于表示更多的欧洲文字，用8个位存储数据，一共可以表示256个字符<br>
GBK/GB2312/GB18030：表示汉字。GBK/GB2312表示简体中文，GB18030表示繁体中文。<br>
Unicode编码：包含世界上所有的字符，是一个字符集。<br>
UTF-8：是Unicode字符的实现方式之一，它使用1-4个字符表示一个符号，根据不同的符号而变化字节长度。<br>
</p>
<h2>2.meta标签</h2>
<p>
1)含义：meta英译：目标；meta标签可提供有关页面的元信息（meta-information）；meta是html语言head区的一个辅助性标签<br>
2)书写位置：标签位于文档的头部，不包含任何内容，也是一个空元素<br>
3)作用：<br>
搜索引擎优化（SEO）<br>
.定义页面使用语言<br>
.自动刷新并指向新的页面<br>
.实现网页转换时的动态效果<br>
.控制页面缓冲<br>
.网页定级评价<br>
.控制网页显示的窗口等<br>
4)重要属性和值：<br>
<b> 1.name属性</b> <br>
主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。<br>
<b>A.Keywords(关键字)</b> <br>
说明：keywords用来告诉搜索引擎你网页的关键字是什么。<br>
举例:<br>
<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转">> <br>
<b>B.description(网站内容描述)</b> <br>
说明：description用来告诉搜索引擎你的网站主要内容。<br>
举例:<br>
<meta name="description"content="haorooms博客,html的meta总结，meta是html语言head区的一个辅助性标签。">> <br>
<b>C.robots(机器人向导)</b> <br>
说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。<br>
content的参数有all,none,index,noindex,follow,nofollow。默认是all <br>
  信息参数为all：文件将被检索，且页面上的链接可以被查询；<br>
  信息参数为none：文件将不被检索，且页面上的链接不可以被查询；<br>
  信息参数为index：文件将被检索；<br>
  信息参数为follow：页面上的链接可以被查询；<br>
  信息参数为noindex：文件将不被检索，但页面上的链接可以被查询；<br>
  信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询；<br>
举例:<br>
<meta name="robots"content="none"> <br>
<b>D.author(作者)</b> <br>
说明：标注网页的作者<br>
举例:<br>
&lmeta name="author"content="root,root@xxxx.com"> <br>
<b>E.generator(制作工具)</b> <br>
说明：meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。<br>
举例:<br>
<meta name="generator"content="信息参数"/> <br>
<b>F.COPYRIGHT(版权信息)</b> <br>
说明：meta标签的COPYRIGHT的信息参数，代表说明网站版权信息。<br>
举例:<br>
<META NAME="COPYRIGHT"CONTENT
HTML第一阶段学习.zip
需积分: 0 97 浏览量
2024-01-01
16:50:44
上传
评论
收藏 16.46MB ZIP 举报
HTML第一阶段学习.zip （58个子文件） 
code_111230 HTMLDemo 
16.H5新表单标签.html 873B 05.列表.html 856B 06.背景音乐.html 672B 09.气温案例.html 2KB 11.细线表格.html 1KB src 
秦基博 - Rain.mp3 11.19MB 02.图片标签.html 187B 14.meta标签.html 861B 03.超链接.html 233B 12.细线课程表.html 1KB 04.锚点.html 7KB 13.小说排行榜.html 2KB 10.标签语义化练习忆江南.html 2KB favicon.ico 4KB 08.新闻模块.html 920B 17.表单综合案例.html 923B myLove zhanlideyuepu.html 431B nidemingzi.html 422B yeyanzhiting.html 426B miaosuwulimi.html 428B images 
miaosuwulimi01.jpg 96KB nidemingzi01.jpg 220KB yeyanzhiting01.jpg 219KB zhanlideyuepu01.jpg 119KB btn.jpg 14KB Cool-ice.jpg 12KB yeyanzhiting02.jpg 66KB yzm.jpg 2KB yeyanzhiting03.jpg 87KB favicon.ico 25KB reg.jpg 4KB down.jpg 785B
jd.png 801KB up.jpg 800B 01.文本格式化标签.html 427B 07.我喜欢的动画切换.html 137B JD JDRegister.html 2KB JDContent.html 211B 15.常用表单.html 2KB Conclusion Test.css 39B Test.html 144B Note 12.标签语义话化.html 1KB 09.常用标签meta标签和link标签.html 12KB 07.常用标签之列表.html 2KB 03.寻址：相对路径和绝对路径.html 1KB 11.常用标签之表单标签.html 8KB 05.常用标签之超链接标签.html 2KB 10.常用标签之table标签.html 6KB 06.字符实体.html 724B 08.常用标签之音乐标签和滚动标签.html 2KB 04.常用标签之图片标签.html 1KB 02.常用标签之文本标签.html 2KB 01.初始HTML.html 5KB favicon.ico 4KB Miusc 全部都给你.mp3 3.85MB Images pie.jpg 18KB 字符实体.png 35KB favicon.ico 4KB资源评论
辣椒种子
- 粉丝: 3309
- 资源: 5724
