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="">

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/755575.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

3.3 RK3399项目开发实录-板载Ubuntu系统的使用(wulianjishu666)

嵌入式物联网常用90款传感器开发例程。链接&#xff1a;https://pan.baidu.com/s/1oisHMZXDzKqa4EspY83V-A?pwdo5f4 1. 介绍 Ubuntu 使用手册是针对 Firefly 官方发布的 Ubuntu 系统固件特性所编写&#xff0c;适用于 Ubuntu Desktop 与 Minimal 系统&#xff0c;部分与 UI 显…

开源文本挖掘引擎:情感分析|API接口|可私有化部署

中文的表达方式五花八门&#xff0c;比如成语、俗语、还有那些让人哭笑不得的双关语&#xff0c;这些都让情感分析变得复杂。再者&#xff0c;中文里头的情感表达很多时候得看上下文&#xff0c;一句话放在不同的情景里&#xff0c;意思可能就大相径庭了。 中文里面的否定和讽…

openGauss学习笔记-245 openGauss性能调优-SQL调优-典型SQL调优点-算子级调优

文章目录 openGauss学习笔记-245 openGauss性能调优-SQL调优-典型SQL调优点-算子级调优245.1 算子级调优245.1.1 算子级调优介绍245.1.2 算子级调优示例 openGauss学习笔记-245 openGauss性能调优-SQL调优-典型SQL调优点-算子级调优 SQL调优是一个不断分析与尝试的过程&#x…

Vector Magic:矢量图像转换神器,轻松驾驭Mac与Win双平台

在数字化时代&#xff0c;图像已经成为我们生活和工作中不可或缺的一部分。无论是设计师、艺术家&#xff0c;还是普通用户&#xff0c;都对图像质量有着极高的要求。而矢量图像&#xff0c;以其清晰度高、可无限放大的特点&#xff0c;逐渐受到广大用户的青睐。今天&#xff0…

长安链正式发布三周年,技术更迭支撑产业变革

导语&#xff1a; 2024年1月27日长安链正式发布三周年&#xff0c;开源社区借开年之际与大家一同回顾长安链三年来的技术发展历程&#xff0c;每一个里程碑的建设都得益于与长安链同行的合作伙伴与开发者&#xff0c;希望在2024年可以共同携手继往开来&#xff0c;为数字经济发…

跨域的几种方式?(详解)

跨域&#xff08;Cross-Origin&#xff09;指的是在浏览器环境中&#xff0c;当一个网页的 JavaScript 代码试图访问不同源&#xff08;Origin&#xff09;的资源时发生的安全限制。同源策略&#xff08;Same-Origin Policy&#xff09;要求网页只能与同一源&#xff08;协议、…

python类多态的理解

类多态(Class Polymorphism)是面向对象编程中的一个重要概念,它允许我们使用父类的引用变量来引用子类的对象,从而实现不同子类对象的统一处理。 在Python中,类多态可以通过以下方式实现: 1. 继承:子类可以继承父类的方法和属性,并且可以重写父类的方法,即子类可以拥…

2024腾龙杯web签到题-初识jwt(签到:这是一个登录页面)

什么是 jwt? 它是 JSON Web Token 的缩写&#xff0c;是一个开放标准&#xff0c;定义了一种紧凑的、自包含的方式&#xff0c;用于作为JSON对象在各方之间安全地传输信息&#xff0c;该信息可以被验证和信任&#xff0c;因为它是数字签名的。它就是一种认证机制&#xff0c;…

Kotlin: 协程的四种启动模式(CoroutineStart)

点击查看CoroutineStart英文文档 创建协程的三种方式 runBlocking 运行一个协程并且会阻塞当前线程&#xff0c;直到它完成。launch 启动一个新的协程&#xff0c;不会阻塞当前线程&#xff0c;并且返回一个Job&#xff0c;可以取消。async async和await是两个函数&#xff0c…

词令微信小程序怎么添加到我的小程序?

微信小程序怎么添加到我的小程序&#xff1f; 1、找到并打开要添加的小程序&#xff1b; 2、打开小程序后&#xff0c;点击右上角的「…」 3、点击后底部弹窗更多选项&#xff0c;请找到并点击「添加到我的小程序」&#xff1b; 4、添加成功后&#xff0c;就可以在首页下拉我的…

Elasticsearch:使用 OpenAI、LangChain 和 Streamlit 的基于 LLM 的 PDF 摘要器和 Q/A 应用程序

嘿&#xff01; 您是否曾经感觉自己被淹没在信息的海洋中&#xff1f; 有这么多的书要读&#xff0c;而时间却这么少&#xff0c;很容易就会超负荷&#xff0c;对吧&#xff1f; 但猜猜怎么了&#xff1f; 你可以使用大型语言模型创建自定义聊天机器人&#xff0c;该模型可以帮…

CTF题型 Http请求走私总结Burp靶场例题

CTF题型 Http请求走私总结&靶场例题 文章目录 CTF题型 Http请求走私总结&靶场例题HTTP请求走私HTTP请求走私漏洞原理分析为什么用前端服务器漏洞原理界定标准界定长度 重要!!!实验环境前提POST数据包结构必要结构快速判断Http请求走私类型时间延迟CL-TETE-CL 练习例题C…

开发遇到的bug:设置好的请求头不起作用

前言&#xff1a;有个接口的请求头是content-type: "application/json"&#xff0c;我已经在拦截器里设置添加了该请求头&#xff0c;但实际请求却一直是content-type:application/x-www-form-urlencoded 问题&#xff1a;封装请求函数的文件有两个&#xff0c;相当于…

【XR806开发板试用】WSL环境搭建问题及解决措施

本文主要记录在WSL环境下搭建XR806开发环境的过程中遇到的一些问题&#xff0c;如果后续大家有遇到类似问题可以参考&#xff1b;有部分地方的解决方法不一定是最好的&#xff0c;有些步骤也不一定是必要的&#xff0c;经过多次尝试和资料查询才最终解决&#xff0c;因此没有特…

深入解析分布式ID生成机制

一、概述 背景&#xff1a;随着数据库数据量的增长, 基于性能原因需要进行分库分表&#xff0c;分库分表会导致主键ID重复问题。 特点&#xff1a; 全局唯一性[必须];趋势递增[非必须]。由于互联网大部分采用Mysql的Innodb引擎,因此保持有序主键ID有利于insert的效率;单调递增…

KKVIEW远程: TODESK退出了还能远程吗

Todesk退出了还能远程吗 当我们谈论Todesk或其他远程桌面软件时&#xff0c;一个经常被提及的问题是&#xff1a;当我退出Todesk后&#xff0c;是否仍然可以远程访问我的计算机&#xff1f;为了回答这个问题&#xff0c;我们首先需要了解Todesk的工作原理和远程访问的基本条件…

【视觉语言大模型+LLaVA1.0】大语言模型视觉助手(视觉指令调优)GPT4-Vision丐版

官方资源汇总&#xff1a; 项目主页 || https://huggingface.co/liuhaotian 23.04.LLaVA1.论文: Large Language and Vision Assistant&#xff08;Visual Instruction Tuning) 23.10 LLaVA-1.5论文: Improved Baselines with Visual Instruction Tuning 23.11 LLaVA-Plus项目&…

java基于zxing生成二维码的工具类

java生成指定内容二维码工具类及其用法&#xff1a; 首先导入zxing相关pom依赖 <!--二维码生成识别组件--><dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.3.3</version></dep…

李畑受邀出席第20届“韩国品牌大奖”颁奖典礼

2024年3月14日&#xff0c;第20届“韩国品牌大奖”颁奖典礼在韩国国家新闻中心举行。李畑女士受邀出席&#xff0c;和与会嘉宾一同见证这一年度盛事。 “韩国品牌大奖”是由政府主管的品牌奖项&#xff0c;旨在奖励在品牌经营方面作出突出贡献的企业和机构。该奖项依据公信力&a…

1.python安装

1.检查是否已经安装python 打开cmd 输入 python --version查看是否有返回版本,没有返回则环境变量未设置好,或者未安装 2.下载安转python https://www.python.org/downloads/windows/ 勾选配置环境变量路径 安装成功