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>
相关推荐
xy345310 小时前
Axure9.0 中继器遮罩的核心应用场景(精准适配列表交互)
前端·ui·html·原型·产品设计·axure9.0
Data_Journal11 小时前
Scrapyd:分步教程
开发语言·python·microsoft·golang·编辑器·html·iphone
labixiong13 小时前
button按钮原生开关弹窗,零 JS 搞定80%交互场景
前端·javascript·html
降临-max16 小时前
Selenium(HTML+JavaScript&DOM+Selenium IDE)
自动化测试·selenium·测试工具·html
用户2986985301416 小时前
PDF 转 HTML 全攻略:三种方法轻松搞定网页转换
c#·html·.net
IMPYLH17 小时前
HTML 的 <nav> 元素
前端·html
IMPYLH18 小时前
HTML 的 <meter> 元素
前端·html
Lenyiin19 小时前
第6篇_Python高级语法与标准库精髓:从会用到达精通
java·python·html
web打印社区1 天前
网页静默打印热敏小票:从 HTML 到出纸的完整指南
前端·javascript·vue.js·electron·pdf·html
用户298698530142 天前
React 中 HTML 内容转 Word 文档的实现方案
javascript·react.js·html