html<head>元素
<head>元素是用于定义文档的头部的,是所有其他头部元素的容器。HTML文档的各种属性和信息就是在<head>元素中定义的。
下面我们来看看一个简单html文档,她具有最基本的必需的元素:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>标题</title>
</head>
<body>
</body>
</html>
可以看出,<head>元素位于<html>标签和<body>标签之间,把其他的头部元素包含在其中。
html<meta>元素
<meta>元素是用于指定网页上的字符集,页面描述,关键字,作者和其他元数据。
其中,元数据主要是提供给浏览器,搜索引擎和其他Web服务使用的,以便更好地对网页进行排名。
下面我们来看看如何使用<meta>元素:
//定义字符集
<metacharset="UTF-8">
//为搜索引擎定义关键字
<metaname="keywords"content="php教程,php入门教程,php视频教程,php源码下载,php手册">
//定义网页的说明
<metaname="description"content="php中文网提供大量免费、原创、高清的php视频教程,并定期举行公益php培训!">
//定义网页的作者
<metaname="author"content="php中文网">
//定义每30秒刷新一次文档:
<metahttp-equiv="refresh"content="30">
//控制视口(HTML5提供的新属性)
<metaname="viewport"content="width=device-width,initial-scale=1.0">
说明:视口是用户在网页上的可见区域。它在不同设备之间变化,在手机上看起来比计算机屏幕小。
html<title>元素
<title>元素是用于定义文档的标题;适用于所有HTML或者XHTML文档。
<title>元素的作用:
1、可以在浏览器选项卡中定义标题。
2、可以在添加到收藏夹时为页面提供标题。
3、可以在搜索引擎结果中显示页面的标题。
例:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>php中文网</title>
</head>
<body>
<p>正文的内容显示在浏览器窗口中。</p>
<p>title元素的内容显示在浏览器标签,收藏夹和搜索引擎结果中。</p>
</body>
</html>

本文转载自中文网
本文转载自中文网
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h54301.shtml