我们详细介绍一下HTML的head标签。进入内容之前我们推荐一下Hbuilder这款开发工具,当然你使用记事本或者Notepad++都可以,推荐使用Hbuilder是因为它可以快速的生成HTML标准文档结构,集成了很多方便的快捷键,是一款可以大大提高你前端开发效率的工具。有需要的朋友可以到官网下载,目前是Windows和Mac平台都有,我们作为学习来说下载标准版就可以了。
HTML的head标签和body是同一级别的标签,<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。需要注意的是<head> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。
在这里我们先讲一下HTML注释,通过如下语法向 HTML 源代码添加注释:
<!-- 在此处写注释 -->
在开始标签中有一个惊叹号,但是结束标签中没有,浏览器不会显示注释,但是能够帮助记录你的 HTML 文档,你可以利用注释在 HTML 中放置通知和提醒信息。
接下来看几个可用在 head 部分的常用标签:
网页标题标签,例:
<title>HTML学习</title> <!--网页标题标签:告诉浏览器使用什么标题显示网页,定义浏览器工具栏中的标题,提供页面被添加到收藏夹时的标题,显示在搜索引擎结果中的页面标题-->
编码格式标签。例:
<meta charset="utf-8"/> <!--网页解析编码格式配置(HTML5):告诉浏览器使用指定的编码格式解析文档-->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/><!--HTML4:文档编码格式设置-->
网页搜索优化标签,<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。例:
<meta name="keywords" content="HTML,STENG,索腾网络,666"/><!--网页关键字-->
<meta name="description" content="本网页上是关于HTML的head标签学习的,特别棒,666."/><!--网页描述-->
<meta name="author" content="索腾网络"/><!--网页作者-->
<meta http-equiv="refresh" content="5;url=http://www.steng.cn"/><!--网页自动跳转-->以上内容写在HTML文档中效果:
以上为<head> 区域内常用标签,当然还有其他标签,例如:css引入标签和js引入标签,这个我们后边学习到CSS和JavaScript的时候再进行详细讲解。
站内文章:均为188bet博彩体育app下载方式
各部门原创内容如需转载请著名本文网站链接://www.mcissock.com/new/26892.html未经允许转载要受法律责任,如需转载请联系269247937@qq.com
本文链接://www.mcissock.com/new/26892.html
tags:
郑州网站建设郑州网站制作郑州网站设计郑州建站公司郑州网站优化郑州做网站郑州小程序开发郑州网络公司