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

Posted jiexiaobangni

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于web前端设计与开发---head元素的主要内容,如果未能解决你的问题,请参考以下文章

Web前端开发与设计06-JavaScript基础

Web前端开发敲门砖

Web前端开发与设计08-JavaScript操作DOM对象

2019BJFU 网站设计(孙俏-web前端开发)实验代码-181002222

web前端需要学啥?

web前端需要学啥?容易学吗?