首页  >  文章  >  web前端  >  html中关于头部标签的总结

html中关于头部标签的总结

黄舟
黄舟原创
2017-10-23 10:03:081676浏览

1aa9e5d373740b65a0cc8f0a02150c53

  head 元素包含了所有的头部标签元素,可以添加在头部区域的元素标签为:

  b2386ffb911b14667cb8f0f91ea547a7、c9ccee2e6ea535a969eb3f532ad9fe89、e8e496c15ba93d81f6ea4fe5f55a2244、2cdf5bf648cf2f33323966d7f58a7f3f、3f1c4e4b6b16bbbd69b2ee476dc4f83a、2b0b25ff593c5b6c03403dd6234ffb2c、dde6fb694e6711ae5e6f381704c04ae4

 下面将一一解释各标签的作用

b2386ffb911b14667cb8f0f91ea547a7

  1. 用于定义不同文档的标题

  2. 定义浏览器工具栏的标题

  3. 当网页添加至收藏夹,显示在收藏夹中的标题

  4. 显示在搜索引擎结果页面的标题


  eg: <title> 我是标题 </title>

dde6fb694e6711ae5e6f381704c04ae4

 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接。


 eg: <base href="www.beck.ren/images/" target="_blank"></base>

2cdf5bf648cf2f33323966d7f58a7f3f

  标签定义了文档与外部资源之间的关系,通常用于链接样式表。


  eg: <link type="text/css" href="../index.css">

c9ccee2e6ea535a969eb3f532ad9fe89

 标签定义了HTML文档的样式文件引用地址.内容指定样式渲染HTML文档

eg: <style> *{ margin:0; padding: 0; } <style>   //css写法
  1. meta 标签描述基本的元数据

  2. 浏览器会解析标签提供的元数据,但元数据不会显示在页面上

  3. meta 元素通常用于指定网页的 "描述"、"关键词"、"文件的最后修改时间"、"作者"、......

  4. 元数据可以告诉浏览器(如何显示内容或重新加载页面)及搜索引擎(关键词),及其他 web 服务


1   eg:
2     //定义关键字
3     <meta name="keywords content="HTML, CSS, XML, XHTML, JavaScript"">
4     //定义描述内容
5     <meta name="description" content="Free Web tutorials on HTML and CSS">
6     //定义作者
7     <meta name="author" content="Hege Refsnes">
8     //定义每30秒刷新当前页面
9     <meta http-equiv="refresh" content="30">

3f1c4e4b6b16bbbd69b2ee476dc4f83a

 标签定义了 HTML 文档的 JS 文件引用地址.


eg: <script src="loading.js"></script>

以上是html中关于头部标签的总结的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn