HTML5常用标签(2-1) head标签内部标签

举报
且听风吟 发表于 2019/10/14 15:05:38 2019/10/14
【摘要】 本文主要介绍了HTML5中的head标签内部标签的运用和注意事项。

1.meta

<meta> 标签用于描述页面内容,关键词,作者,最新修订时间以及其它元信息

<meta> 标签的内容不会显示在网页中,但经常被机器(比如网页爬虫)解析。

元信息可以被浏览器(指导它如何加载和显示页面)所使用,也可以有利于搜索引擎收录页面(指定关键词)。

HTML5 通过 <meta> 标签引入一个新的方法,让网页尺寸实现自适应

注意

<meta> 标签永远位于 <head> 标签内部。

content 属性必须和 name 或 http-equiv 属性共存亡。

为了让网页尺寸实现自适应,你应该在 HTML 文档中加入下面代码:

image.png

属性

属性描述
charsetcharacter_set指定 HTML 文档的编码。
contenttext指定与 http-equiv 或 name 属性相关的值。
http-equivcontent-type、default-style、refreshcontent-type:另一种声明 HTML 文档作用字符编码的方法(<meta http-equiv="content-type" content="text/html charset=UTF-8">)。
default-style:指定页面优先使用的样式表。
refresh:以秒为单位指定一个时间间隔,在此时间过去之后将从服务器重新载入当前页面。也可以另行指定一个 URL 让浏览器载入。
nameapplication-name、author、description、generator、keywords、viewportapplication-name:当前页所属 Web 应用系统的名称。
author:当前页的作者名。
description:当前页的内容描述。
generator:用来生成 HTML 的软件名称。
keywords:当前页的关键词。
viewport:网页尺寸自适应。


2.title

<title> 标签用于定义文档的标题。

浏览器通常将其内容显示在浏览器窗口的标题栏或状态栏上。

注意

<title> 标签必须位于 <head> 标签内部。

如果把网页加入用户的链接列表或者收藏夹、书签列表,title 元素的内容将成为该网页链接的默认名称。

属性

属性描述
langlanguage_code

规定元素中内容的语言代码


本文转载自异步社区。

原文链接:https://www.epubit.com/articleDetails?id=Nce40ac20-aad9-4e98-91ba-8e749bd210e1

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。