HTML中头部标签的用法
程序员文章站
2022-03-19 11:48:07
...
<header>
head 元素包含了所有的头部标签元素,可以添加在头部区域的元素标签为:
<title>、<style>、<meta>、<link>、<script>、<noscript>、<base>
下面将一一解释各标签的作用
<title>
用于定义不同文档的标题
定义浏览器工具栏的标题
当网页添加至收藏夹,显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
eg: <title> 我是标题 </title>
<base>
标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接。
eg: <base href="www.beck.ren/images/" target="_blank"></base>
<link>
标签定义了文档与外部资源之间的关系,通常用于链接样式表。
eg: <link type="text/css" href="../index.css">
<style>
标签定义了HTML文档的样式文件引用地址.内容指定样式渲染HTML文档
eg: <style> *{ margin:0; padding: 0; } <style> //css写法
<meta>
meta 标签描述基本的元数据
浏览器会解析标签提供的元数据,但元数据不会显示在页面上
meta 元素通常用于指定网页的 "描述"、"关键词"、"文件的最后修改时间"、"作者"、......
元数据可以告诉浏览器(如何显示内容或重新加载页面)及搜索引擎(关键词),及其他 web 服务
eg: //定义关键字 <meta name="keywords content="HTML, CSS, XML, XHTML, JavaScript""> //定义描述内容 <meta name="description" content="Free Web tutorials on HTML and CSS"> //定义作者 <meta name="author" content="Hege Refsnes"> //定义每30秒刷新当前页面 <meta http-equiv="refresh" content="30">
<script>
标签定义了 HTML 文档的 JS 文件引用地址.
eg: <script src="loading.js"></script>
以上就是HTML中头部标签的用法的详细内容,更多请关注其它相关文章!