web前端设计与开发---head元素

时间:2019-09-26
本文章向大家介绍web前端设计与开发---head元素,主要包括web前端设计与开发---head元素使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

HEAD元素

1.1 title元素

    页面的标题位于<title>标签内,可以包含任何字符或实体。除了在浏览器的标题栏中显示标题外,标题还有其他的用处,例如在大多数浏览器中,标题可以用作默认的快捷方式或收藏夹的名称;标题还可以作为搜索引擎结果中的页面标题。在设计页面时,应该为每个网页添加标题;标题要与内容有相关性,且尽可能简洁。

1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charst="utf-8">
5 <title>这是标题</title>
6 </head>
7 <body></body>
8 </html>

1.2 meta元素

    meta元素用于向客户的浏览器传递信息和命令,而不是用来显示内容的。一个<head>标签中可以包含多个<meta>标签。

     <meta>标签主要分为两大类:一类对页面进行设计,一类针对搜索引擎进行设置。<meta>标签常用的属性特征描述为。

<!DOCTYPE html>
<html>
<head>
<meta charst="utf-8">
<meta http - equiv = "Content - Type" content = "text/html">
<meta http - equiv = "Refresh" content = "5;url = http://www.baidu.com"/>
<meta name = "keywords" content = "这里用来描述网页关键字"/>
<meta name = "description" content = "这里用来描述网页内容摘要"/>
<meta name = "author" content = "杰小邦尼是作者哦"/>
<meta name = "robots" content = "all"/>
<title>meta元素</title>
</head>
</html>

原文地址:https://www.cnblogs.com/jiexiaobangni/p/11589432.html