html网页制作学习:[3]head元素细说
1、head元素为HTML元素的子元素
在head元素标签内容中,可包含base,link,meta,script,style,title,等子元素,除title子元素的标签内容会显示在上外,其余的子元素标签内容都为隐藏信息。
简单的例子<head><title>...</title></head>
我们可以百度经验页面的代码,当然他还加入了其它内容。
![html网页制作学习:[3]head元素细说](https://exp-picture.cdn.bcebos.com/bf6e59704618dfda79d2393289214f579256777d.jpg)
2、head元素的属性
head元素有个profile属性,其属性值是字符串URI,功能是:使用meta等元素指定信息内容的URI
我们看下编辑页面的代码是,当然有些东西我们还看不太懂。
![html网页制作学习:[3]head元素细说](https://exp-picture.cdn.bcebos.com/3ac71c214f579356f152fa94effb960b3021707d.jpg)
1、包含meta子元素的head元素标签
<!doctype html>
<html>
<head>
<meta charset="utf-8">//指定网页使用的语言编码
<meta name="author" content="百度经验失去你我不难过">
<meta name="keywords" content="网页制作,html,失去你我不难过">
</head>
<body>
包含meta子元素的head元素标签
</body>
</html>
效果
![html网页制作学习:[3]head元素细说](https://exp-picture.cdn.bcebos.com/30601b6104a355e92947ea63d22ae3efe178687d.jpg)
2、包含title子元素的head元素标签
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我是网页抬头标题,失去你我不难过</title>
</head>
<body>
包含title子元素的head元素标签
</body>
</html>
效果
![html网页制作学习:[3]head元素细说](https://exp-picture.cdn.bcebos.com/1570c1b6326c57662a2600e7a4632385e136617d.jpg)
3、指定标签内容所使用的语言
<head lang="en">
en定义语言为英语
zh-CN定义语言为中文
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:148
阅读量:78
阅读量:69
阅读量:137
阅读量:128