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>
相关推荐
守正出琦6 小时前
带代码示例的 HTML 标签实操手册
前端·html
yume_sibai6 小时前
HTML HTML5基础(1)
前端·html·html5
XianZhe_6 小时前
Pug 哈巴狗 便捷的HTML预处理器 上
前端·html·pug·html预处理器
yume_sibai6 小时前
HTML HTML5基础(2)
前端·html·html5
守正出琦6 小时前
HTML 常用标签速查表
前端·javascript·html
小时前端9 小时前
虚拟DOM已死?90%内存节省的Vapor模式正在颠覆前端
前端·html
Keepreal4969 小时前
Web Components简介及如何使用
前端·javascript·html
一只学java的小汉堡12 小时前
HTML 01入门:从概念到开发环境搭建与页面头部配置
前端·css·html
今天没有盐16 小时前
💕CSS 基础入门指南💕:选择器与文本样式
前端·html·响应式设计
九皇叔叔19 小时前
HTML与CSS基础入门:从语法到页面结构全解析
css·html·1024程序员节