美文网首页
HTML中Head元素常用功能

HTML中Head元素常用功能

作者: logoss | 来源:发表于2019-04-26 14:39 被阅读0次

<head>标签中包含的元素一般就3种,分别是<title>,<meta><link>
(PS.如果你在<head>中写了其他的标签,比如<img>,会自动被系统分到body中。

1.title

<title>标题</title>
网页的标题,显示在浏览器的标签中。

2.meta

meta标签一般的格式是name + content 或者http-equiv + content

<meta name="参数" content="具体的描述">
<meta http-equiv="参数" content="具体的描述">

不过也有特殊的

<meta charset="UTF-8">      //定义字符集

常用的meta

<meta charset="utf-8">   //定义字符集
<meta name="viewport" content="width=device-width, initial-scale=1.0">  //配置移动端缩放
<meta http-equiv="X-UA-Compatible" content="ie=edge"> //指定ie使用新版的引擎
<meta name="keywords" content="hello,前端,html"> //搜索引擎关键字
<meta name="description" content="学习前端"> //搜索引擎描述
<meta name="renderer" content="webkit"> //360定制,默认使用webkit引擎
//这3个是qq分享定制的,把连接分享到qq时有用
<meta itemprop="name" content="这是分享的标题"/>
<meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png" />
<meta name="description" itemprop="description" content="这是要分享的内容" />

HTML meta标签总结与属性使用介绍

3.link

引入css

<link rel="stylesheet" type="text/css" href="style.css">

引入图标,浏览器标签页上显示的图标,在title的旁边

<link rel="shortcut icon" href="favicon.ico">

引入js,这个其实不算link标签了,不过也是引入其他文件,我也放在这里吧。引入js最好放在body中。

<script src="app.js"></script>

相关文章

  • HTML中Head元素常用功能

    标签中包含的元素一般就3种,分别是 , 和 。(PS.如果你在 中写了其他的标签,比如 ,会自动被系统分到body...

  • WEB前端知识 html基础

    百度一下 常用标签 1.HTML元素 元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scr...

  • Day20——html

    一、HTML头部 在 元素中你可以插入脚本(scripts), 样式文件(CSS),...

  • HTMl 元素

    HTML 和 元素不同,它的内容不会显示在浏览器中,它的作用是保存页面的一些元数据。上述示例的head元素非常简短...

  • xpath入门

    XPath表达式的含义 /html/head/title : 选择 HTML 文档中 标签内的 元素/html...

  • 0527-html-结构/基本元素

    结构:元素树,根为html,之下是head和body,再深是其他元素及其属性 head之下的标签列表,body中的...

  • HTML<head>

    HTML 元素 元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scripts), 样式文...

  • 头部

    HTML 元素 元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scripts), 样式文...

  • HTML 头部

    HTML 元素 元素包含了所有的头部标签元素。 在 元素中你可以插入脚本(scripts), 样式文...

  • [note] HTML知识点总结

    HTML元素-基本内容概要 一. 网页的基本元素 完整的HTML结构: 文档声明 html元素 head元素 bo...

网友评论

      本文标题:HTML中Head元素常用功能

      本文链接:https://www.haomeiwen.com/subject/weifnqtx.html