HTML世界之标签Ⅳ

目录

一、ins 标签

二、kbd 标签

三、label 标签

四、link 标签

五、main 标签

六、map 标签

七、mark 标签

八、meta 标签


一、ins 标签

<ins> 标签定义已经被插入文档中的文本。

属性

描述

语法

cite

URL

规定一个文档的 URL,该文档解释了文本被插入的原因。

<ins cite="URL">

datetime

YYYY-MM-DDThh:mm:ssTZD

规定文本被插入的日期和时间。

<ins datetime="YYYY-MM-DDThh:mm:ssTZD">

语法:

<ins></ins> 

二、kbd 标签

<kbd> 标签定义键盘文本样式。

HTML 键盘输入元素 (<kbd>) 用于表示用户输入,它将产生一个行内元素,以浏览器的默认 monospace 字体显示。

语法:

<kbd>键盘输入</kbd>

三、label 标签

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。在 label 元素内点击文本,就会触发此控件。当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

属性

描述

语法

for

element_id

规定 label 与哪个表单元素绑定。

<label for="element_id">

form

form_id

规定 label 字段所属的一个或多个表单。

<label form="form_id">

语法: 

<label ></label>

四、link 标签

<link> 标签定义文档与外部资源的关系,最常见的用途是链接样式表。

link 元素是空元素,它仅包含属性。只能存在于 head 部分,不过它可出现任何次数。

属性

描述

href

URL

定义被链接文档的位置。

hreflang

language_code

定义被链接文档中文本的语言。

media

media_query

规定被链接文档将显示在什么设备上。

rel

alternate 链接到该文档的替代版本(比如打印页、翻译或镜像)。

author 链接到该文档的作者。

help 链接到帮助文档。

icon 导入表示该文档的图标。

license 链接到该文档的版权信息。

next 表示该文档是集合中的一部分,且集合中的下一个文档是被引用的文档。

prefetch 规定应该对目标资源进行缓存。

prev 表示该文档是集合中的一部分,且集合中的上一个文档是被引用的文档。

search 链接到针对文档的搜索工具。

stylesheet 要导入的样式表的 URL。

archives 表示链接到文档集或历史数据

bookmark 表示这个链接是一个文章的永久链接或书签

external 链接到外部,即告知搜索引擎

first 表示当前文档是集合中的首个文档

last 表示链接到集合中的末个文档

nofollow 用于指示搜索引擎的爬虫不要追踪链接到目表页面

noreferrer 是HTML中<a>标签的属性,用于控制链接的行为

pingback 表示该链接是用来通知其他网志系统文章被引用情况的一种手段

prev 表示该文档是集合中的一部分,且集合中的上一个文档是被引用的文档

sidebar 表示指定浏览器边栏中显示的文档

必需。定义当前文档与被链接文档之间的关系。rel 是 relationship的英文缩写。

sizes

HeightxWidth

any

定义了链接属性大小,只对属性 rel="icon" 起作用。

type

MIME_type

规定被链接文档的 MIME 类型。

语法: 

<link rel="" type="" href="">

五、main 标签

<main> 标签用于指定文档的主体内容。

<main> 标签中的内容在文档中是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。

注意在一个文档中,<main> 元素是唯一的,所以不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代:<article>、<aside>、<footer>、<header> 或 <nav>。

语法: 

<main></main>

六、map 标签

<map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。

<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以应同时向 <map> 添加 id 和 name 属性。

area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

属性

描述

语法

name

mapname

必需。为 image-map 规定的名称。

<map name="mapname">

语法: 

<map ></map>

七、mark 标签

<mark> 标签定义带有记号的文本。

语法: 

<mark></mark>

八、meta 标签

<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。

META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。

元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。(元数据(Metadata)是数据的数据信息。)

<meta> 标签通常位于 <head> 区域内。元数据通常以 名称/值 对出现。如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。

属性

描述

语法

charset

character_set

定义文档的字符编码。

<meta charset="character_set">

content

text

定义与 http-equiv 或 name 属性相关的元信息。

<meta content="text">

http-equiv

content-type 规定文档的字符编码。实例:<meta http-equiv="content-type" content="text/html; charset=UTF-8">

default-style 规定要使用的预定义的样式表。实例:<meta http-equiv="default-style" content="the document's preferred stylesheet">注释:上面 content 属性的值必须匹配同一文档中的一个 link 元素上的 title 属性的值,或者必须匹配同一文档中的一个 style 元素上的 title 属性的值。

refresh 定义文档自动刷新的时间间隔。实例:<meta http-equiv="refresh" content="300">注释:值 "refresh" 应该慎重使用,因为它会使得页面不受用户控制。

把 content 属性关联到 HTTP 头部。

<meta http-equiv="content-type|default-style|refresh">

name

application-name 规定页面所代表的 Web 应用程序的名称。

author 规定文档的作者的名字。

实例: <meta name="author" content="Hege Refsnes">

description 规定页面的描述。搜索引擎会把这个描述显示在搜索结果中。

实例: <meta name="description" content="Free web tutorials">

generator 规定用于生成文档的一个软件包(不用于手写页面)。

实例: <meta name="generator" content="FrontPage 4.0">

keywords 规定一个逗号分隔的关键词列表 - 相关的网页(告诉搜索引擎页面是与什么相关的)。

提示:总是规定关键词(对于搜索引擎进行页面分类是必要的)。

实例: <meta name="keywords" content="HTML, meta tag, tag reference">

把 content 属性关联到一个名称。

<meta name="value">

语法: 

<meta name="" content="">

  • 34
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阳阳大魔王

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值