html头部

html头部

在页面加载完成之后,头部的内容是不会显示到web浏览器中的。web浏览器使用头部的信息来渲染html文档。

文档标题

通过在head元素中设置title元素可以为文档指定标题。

/元素

元数据就是描述数据的数据,html中使用<meta>元素为文档添加元数据,也可以使用其它方法。

许多<meta>包含了name和content属性,name属性说明了该元素的类型,content属性说明了实际的元数据的内容。

指定作者在某些情况下是很有用的:如果你需要联系页面的作者,问一些关于页面内容的问题。一些内容管理系统能够自动获取页面作者的信息,然后用于某些用途。

指定一个包括与你的页面内容有关的关键词的描述是有用的,因为它有可能使你的页面在搜索引擎进行的相关搜索中出现得更多(这些行为在术语上被称为:搜索引擎优化 或 SEO)。

为文档设定主语言

这在很多方面都很有用。如果你的 HTML 文档的语言设置好了,那么你的 HTML 文档就会被搜索引擎更有效地索引(例如,允许它在特定于语言的结果中正确显示),对于那些使用屏幕阅读器的视障人士也很有用(例如,法语和英语中都有"six"这个单词,但是发音却完全不同)。

同时还可以为文档不同分段设置不同的主语言。

实例代码

html 复制代码
<head>
	<meta charset="utf-8" /> <!-- 指定文档的字符编码 -->
	<link rel="icon" href="test.png" /> <!-- 添加网站图标 -->
	<title>我的测试页面</title> <!-- 添加文档标题,这是一个元数据 -->
</head>
<body>
	<h1>一级标题</h1>
</body>
相关推荐
夏幻灵4 小时前
HTML5里最常用的十大标签
前端·html·html5
程序员猫哥_5 小时前
HTML 生成网页工具推荐:从手写代码到 AI 自动生成网页的进化路径
前端·人工智能·html
杨超越luckly5 小时前
HTML应用指南:利用GET请求获取中国500强企业名单,揭秘企业增长、分化与转型的新常态
前端·数据库·html·可视化·中国500强
会编程的土豆1 天前
新手前端小细节
前端·css·html·项目
周航宇JoeZhou1 天前
JB2-7-HTML
java·前端·容器·html·h5·标签·表单
代码小库1 天前
【课程作业必备】Web开发技术HTML静态网站模板 - 校园动漫社团主题完整源码
前端·html
云计算DevOps-韩老师1 天前
HTML 中的行级元素(inline)、块级元素(block)、行内块元素(inline-block)
html
珹洺1 天前
Bootstrap-HTML(二)深入探索容器,网格系统和排版
前端·css·bootstrap·html·dubbo
BillKu1 天前
VS Code HTML CSS Support 插件详解
前端·css·html
HetFrame1 天前
一种纯前端实现 Markdown 内容即时分享的思路
html·react·链接·markdown·工具