首页 > 其他分享 >HTML世界之标签Ⅳ

HTML世界之标签Ⅳ

时间:2024-03-15 23:58:18浏览次数:37  
标签:标签 元素 世界 语法 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

pingback

prev

sidebar

tag

up

必需。定义当前文档与被链接文档之间的关系。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="">

标签:标签,元素,世界,语法,HTML,文档,链接,属性
From: https://blog.csdn.net/m0_73514785/article/details/136752649

相关文章

  • HTML-DAY1
    HTML-DAY1HTML语法规范基本语法概述HTML标签是由尖括号包围的关键词,例如<html>。HTML标签通常是成对出现的,例如<html>和</html>,我们称为双标签。标签中的第一个是开始标签,第二个标签是结束标签。有些特殊的标签必须是单个标签(极少情况),例如<br/>,我们称为单标签。标签关......
  • 全新芒果YOLOv8改进专栏 | 专栏目录:目前已有100+篇内容,内含各种Head检测头、标签分配
    内含各种Head检测头、标签分配策略、损失函数Loss、Backbone、Neck、写作|指标、NMS等全方位创新点改进全新芒果YOLOv8改进专栏来袭: 专栏地址......
  • RunOnWeb - 创建新协议,支持html调用本地可执行文件,支持浏览器互相调用
     浏览器调用exe?  Yes! 谷歌Chrome启动微软Edge?   Yes!RunOnWeb协议 创建新协议,支持html调用本地可执行文件,支持浏览器互相调用 【最新版本】:Ver1.0.0【更新日期】:2024.3.15【作者】:阿色【下载】点击下载RunOnWeb协议安装程序及源文件:https://......
  • Maven中optional标签详解(转)
    原文:https://blog.csdn.net/weixin_43888891/article/details/130510971作者:怪咖@来源:CSDN 一、前言<dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</artifactId><version>5.8.18</version><optio......
  • 2.1HTML5基本结构
      HTML5实际上不算是一种编程语言,而是一种标记语言。HTML5文件是由一系列成对出现的元素标签嵌套组合而成,这些标签以<元素名>的形式出现,用于标记文本内容的含义。浏览器通过元素标签解析文本内容并将结果显示在网页上,而元素标签本身并不会被浏览器显示出来。HTML5文档的基......
  • 探索源码世界,Java毕设设计新选择:源码码头
    作为一名即将踏入职场的Java学子,你是否曾为毕业设计而犯愁?是否曾为找不到合适的项目而苦恼?别担心,源码码头(www.icodedock.com)为你提供了全新的解决方案!1.创新源码,灵感无限源码码头汇聚了大量独一无二的Java毕业设计项目,这些项目不仅仅是传统意义上的框架应用,更是蕴含了创新与......
  • 6980. 【2021.02.03冬令营模拟】你的世界(world) Another Solution
    ProblemDescriptionInput从文件world.in中读入数据。Output输出到文件world.out中。输出共T行,第i行表示第i组测试数据的答案,如果可行则输出Yes,否则输出No。SampleInputCopy样例输入1:123000000111001样例输入2:134000001010001101100011......
  • HTML基础语法
    HTML特性:1.空白折叠现象1.文字间折为一个空格<p>helloworld!</p>2.标签内壁空白忽略<p>helloworld!</p>2.转义字符<p>小于号<</p><p>大于号></p><p>空格&nbsp;</p><p>版权号&copy;</p>我们今天学习了......
  • html5&css&js代码 018颜色表
    html5&css&js代码018颜色表一、代码二、效果三、解释这段代码展示了一个基本的颜色表,方便参考使用,同时也应用了各种样式应用方式。一、代码<!DOCTYPEhtml><htmllang="zh-cn"><head><title>编程笔记html5&css&js颜色表</title><metacharset="utf......
  • HTML学习
    1网页相关概念1.1网页网站是指在因特网上根据一定规则,使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站的一“页”,通常是HTML格式文件,通过浏览器阅读。网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等素材组成。HTML:超文本标记语言(HyperT......