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>
相关推荐
anOnion1 天前
构建无障碍组件之Meter Pattern
前端·html·交互设计
修己xj1 天前
Markdown 里写公式,别只知道 LaTeX!试试 HTML 标签,简单到飞起
html
hhcccchh1 天前
1.1 HTML 语义化标签(header、nav、main、section、footer 等)
java·前端·html
bjzhang751 天前
使用 HTML + JavaScript 实现组织架构图
前端·javascript·html·组织架构图
AscendKing2 天前
免费、易用、覆盖全平台的网页转 PDF 工具
pdf·html·网页保存·网页保存为pdf·保存网页位pdf
ZC跨境爬虫2 天前
海南大学交友平台登录页开发实战day4(解决python传输并读取登录信息的问题)
开发语言·前端·python·flask·html
yivifu2 天前
一种更精细的HTML表格斑马色设置方法
前端·html
盐水冰2 天前
【HTML】(1)- 演示&标记语言
前端·html
自然 醒2 天前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
我命由我123452 天前
React - 组件优化、children props 与 render props、错误边界
前端·javascript·react.js·前端框架·html·ecmascript·js