在网页文档的 head 元素里面包装的东西就是网页的头部,这里东西一般不会直接在网页上显示出来。里面主要是网页本身使用的一些资源,比如网页链接的样式表、脚本文件,另外还会包含网页的一些描述数据,比如网页的页面标题。
这个网页文档的 head 标签里面,我们先添加一组 title 标签,它的值就是这个网页的页面标题,设置成宁皓网。在浏览器,刷新一下这个网页文档,观察一下浏览器标签上显示的东西,现在这里会显示宁皓网,这里显示的内容就是当前这个网页文档里在 head 标签里包装的 title 标签里的内容。搜索引擎抓紧网页的时候,一般会使用网页的页面标题作为搜索结果的标题。
浏览器打开这个网页,正常显示了里面的中文字符,说明浏览器当前使用的字符集能够正常处理这个网页里的内容。有些浏览器默认的字符集可能无法正常显示中文字符。
比如 safari 浏览器,打开浏览器以后,直接把我们这个网页拖放到 safari 浏览器上,你会发现页面出现了一些乱码,说明浏览器当前所使用的字符集无法正常显示中文。
在网页文档里,我们可以通过 meta 标签,告诉浏览器要使用的字符集。在这个网页文档里,这个 head 标签里面,用一个 meta 标签,设置一下它的 charset 属性,把属性的值设置成 utf-8,这是一种比较通用的字符集,可以正常显示中文字符。
在 safari 浏览器,刷新一下,这次就正常显示了网页内容,因为我们在网页文档里告诉了浏览器应该使用的正确的字符集。