HTML世界之标签Ⅰ

目录

一、a 标签

二、area 标签  

三、audio 标签

四、base 标签

五、abbr 标签

六、address 标签

七、aside 标签

八、article 标签

 九、b 标签 


一、a 标签

属性

值

描述

download(在客户端重命名下载文件)

filename

指定当用户点击含有该属性的超链接时,下载文件的新名称。

href(定义超链接的目的地址)

URL

规定链接的目标URL(简单来说就是规划好的路径)。

hreflang(指定外部网页的语言和地理位置)

language_code

设定被连接文档的语言代码。仅在 href 属性存在时使用。

media(用于在网页上显示音频、视频或图像等多媒体内容的标准)

media_query

规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。

rel(描述目的地址href跟站点之间的关系)

alternate

author

bookmark

help

license

next

nofollow

noreferrer

noopener

prefetch

prev

search

tag

Alternate:链接有替换内容

Author:链接指向作者简绍页

Bookmark:书签,用在指向文章内容的永久链接

Help:连接指向一个资源,该资源对元素的父元素及其子元素提供了进一步的帮助

License:版权说明,许可证

Next:指向序列页面的下一个页面

Nofollow:可让网站站长告诉搜索引擎“不要跟踪此网页上的链接”

Noopener:如果不设置noopener,则在新窗口打开这个链接的时候,则这个新窗口页面可以通过window.opener获取来源页面的窗口对象,改变原页面URL地址之类的事情

Noreferrer:当导航到其他页面的时候,可以阻止浏览器向跳转页面发送页面地址以及其他值

Prefetch:预获取,通常是一些静态资源

Prev:表示指向序列页面的上一个页面

Search:表示链接地址是当前网站或资源对于的搜索文档接口页面

Tag:表示指向当前文档标签的链接

仅在 href 属性存在时使用。

target(用于指定链接的打开方式,即链接的目标窗口或框架)

_blank

_parent

_self

_top

framename

规定在何处打开目标 URL。仅在 href 属性存在时使用。

_blank:新窗口打开。

_parent:在父窗口中打开链接。

_self:默认,当前页面跳转。

_top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。

Framename:在指定的框架中打开被链接文档,把frame看做内置浏览器

type(类型)

MIME_type

规定目标 URL 的 MIME 类型(互联网媒体类型)。仅在 href 属性存在时使用。

注:MIME = Multipurpose Internet Mail Extensions。

写法: 

<a href="" type=""></a>

二、area 标签  

属性

值

描述

alt(替代文本属性)

text

规定区域的替代文本。如果使用 href 属性,则该属性是必需的。

coords(坐标属性)

coordinates

规定区域的坐标。

href(定义超链接的目的地址)

URL

规定链接的目标URL(简单来说就是规划好的路径)。

hreflang(指定外部网页的语言和地理位置)

language_code

设定被连接文档的语言代码。仅在 href 属性存在时使用。

media(用于在网页上显示音频、视频或图像等多媒体内容的标准)

media_query

规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。

rel(描述目的地址href跟站点之间的关系)

alternate

author

bookmark

help

license

next

nofollow

noreferrer

noopener

prefetch

prev

search

tag

Alternate:链接有替换内容

Author:链接指向作者简绍页

Bookmark:书签,用在指向文章内容的永久链接

Help:连接指向一个资源,该资源对元素的父元素及其子元素提供了进一步的帮助

License:版权说明,许可证

Next:指向序列页面的下一个页面

Nofollow:可让网站站长告诉搜索引擎“不要跟踪此网页上的链接”

Noopener:如果不设置noopener,则在新窗口打开这个链接的时候,则这个新窗口页面可以通过window.opener获取来源页面的窗口对象,改变原页面URL地址之类的事情

Noreferrer:当导航到其他页面的时候,可以阻止浏览器向跳转页面发送页面地址以及其他值

Prefetch:预获取,通常是一些静态资源

Prev:表示指向序列页面的上一个页面

Search:表示链接地址是当前网站或资源对于的搜索文档接口页面

Tag:表示指向当前文档标签的链接

仅在 href 属性存在时使用。

shape

default(意味着该区域覆盖整个图像)

rect(定义矩形区域)

circle(定义圆形区域)

poly(定义多边形区域)

规定区域的形状。

Rect的coords属性值有四个,分别是选取矩形图片定位的值,前两个表示左上角的定位值,后两个表示右下角的定位值(多边形可以继续增添坐标)。

Circle的coords属性值有三个,前两个表示选取圆形图片的中心定位的值,第三个表示半径。

target(用于指定链接的打开方式,即链接的目标窗口或框架)

_blank

_parent

_self

_top

framename

规定在何处打开目标 URL。仅在 href 属性存在时使用。

_blank:新窗口打开。

_parent:在父窗口中打开链接。

_self:默认,当前页面跳转。

_top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。

Framename:在指定的框架中打开被链接文档,把frame看做内置浏览器

type(类型)

MIME_type

规定目标 URL 的 MIME 类型(互联网媒体类型)。仅在 href 属性存在时使用。

注:MIME = Multipurpose Internet Mail Extensions。

 写法:

<area shape="" coords="" alt="" href="">

三、audio 标签

属性

值

描述

autoplay

autoplay

如果出现该属性,则音频在就绪后马上播放。

controls(设置是否显示音频播放器的控制面板)

controls

如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。

loop(设置音频是否循环播放)

loop

如果出现该属性,则每当音频结束时重新开始播放。

muted(设置音频是否静音) 

muted

如果出现该属性,则音频输出为静音。

preload(设置音频的预加载行为)

auto表示音频将在页面加载时自动预加载。

metadata表示只加载音频的元数据(如时常、尺寸等)。

none表示不预加载音频。

规定当网页加载时,音频是否默认被加载以及如何被加载。

src

URL

规定音频文件的 URL。

volume

0.0-1.0

设置音频的音量大小。0.0表示静音,1.0表示最大音量。

写法: 

<audio controls></audio>

四、base 标签

<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。

在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。

在 HTML 中,<base> 标签没有结束标签。

属性

值

描述

href(定义超链接的目的地址)

URL

规定页面中所有相对链接的基准 URL。

target(用于指定链接的打开方式,即链接的目标窗口或框架)

_blank

_parent

_self

_top

framename

规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。_blank:新窗口打开。

_parent:在父窗口中打开链接。

_self:默认,当前页面跳转。

_top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。

Framename:在指定的框架中打开被链接文档,把frame看做内置浏览器

写法:

<base href="" target="">

五、abbr 标签

<abbr>标签用来表示一个缩写词或者首字母缩略词。

写法:

The<abbr title="World Health Organization">WHO</abbr> was founded in 1948.

六、address 标签

<address> 标签定义文档作者/所有者的联系信息。<address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。

写法:

<address></address>

七、aside 标签

<aside> 标签定义 <article> 标签外的内容。aside 的内容应该与附近的内容相关。

写法:

<aside></aside>

八、article 标签

<article> 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。

写法:

<article></article>

 九、b 标签 

<b> 标签定义粗体的文本。

<b></b>

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

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

相关文章

保姆级GeoWebCache矢量瓦片切片流程

1矢量切片解决方案 1.1Geoserver配置geowebcache插件 参考文章 (53条消息) 独立安装geoservergeowebcache发布arcgis切片服务_itouch_ok的专栏-CSDN博客 1.将下载好的geoserver 2.19.3安装部署 将下载好的geowebcache 2.19.3的war包解压到 GeoServer 安装目录下./usr/loc…

使用Julia语言及R语言进行格拉布斯检验

在日常的计量检测工作中经常会处理各种数据&#xff0c;在处理数据之前会提前使用格拉布斯准则查看数据中是否存在异常值&#xff0c;如果存在异常值的话应该重新进行计量检测&#xff0c;没有异常值则对数据进行下一步操作。判断异常值常用的格拉布斯方法基于数据来自正态分布…

SpringCloud(19)之Skywalking应用上篇

一、Skywalking概述 随着互联网架构的扩张&#xff0c;分布式系统变得日趋复杂&#xff0c;越来越多的组件开始走向分布式化&#xff0c;如微服务、消 息收发、分布式数据库、分布式缓存、分布式对象存储、跨域调用&#xff0c;这些组件共同构成了繁杂的分布式网络。 思考以下…

(七步走写摘要): UserInformation bottleneck fusion for deep multi-view clustering

原摘要: Multi-view clustering aims to employ semantic information from multiple perspectives to accomplish the clustering task. However, a crucial concern in this domain is the selection of distinctive features. Most existing methods map data into a single…

深入探究SteamVR和VRTK:构建Unity中的沉浸式VR体验

在Unity开发环境中&#xff0c;SteamVR和VRTK&#xff08;Virtual Reality Toolkit&#xff09;是两个极为重要的工具集&#xff0c;它们为开发者提供了创建沉浸式虚拟现实&#xff08;VR&#xff09;体验所需的强大工具和接口。本文将深入探讨SteamVR和VRTK&#xff0c;从它们…

ftp几个常见错误问题及解决办法

1、无法上传网页&#xff0c;FTP故障&#xff0d;提示“无法连接服务器”错误。 问题出现原因&#xff1a;FTP客户端程序设置问题&#xff0c;客户上网线路问题&#xff0c;ftp服务器端问题。 处理方法&#xff1a;建议客户使用CUTPFTP软件来上传客户的网页&#xff0c;在“F…

智能驾驶规划控制理论学习06-基于优化的规划方法之数值优化基础

目录 一、优化概念 1、一般优化问题 2、全局最优和局部最优 二、无约束优化 1、无约束优化概述 2、梯度方法 通用框架 线性搜索 回溯搜索 3、梯度下降 基本思想 实现流程 ​4、牛顿法 基本思想 实现流程 5、高斯牛顿法 6、LM法&#xff08;Le…

实践航拍小目标检测,基于YOLOv5全系列【n/s/m/l/x】参数模型开发构建无人机航拍场景下的小目标检测识别分析系统

关于无人机相关的场景在我们之前的博文也有一些比较早期的实践&#xff0c;感兴趣的话可以自行移步阅读即可&#xff1a; 《deepLabV3Plus实现无人机航拍目标分割识别系统》 《基于目标检测的无人机航拍场景下小目标检测实践》 《助力环保河道水质监测&#xff0c;基于yolov…

高级货,极大提高效率,个人非常喜欢

软件简介&#xff1a; 软件【下载地址】获取方式见文末。注&#xff1a;推荐使用&#xff0c;更贴合此安装方法&#xff01; FileConverter中文版是一款免费软件&#xff0c;具有强大的功能。它支持多种文件格式的转换&#xff0c;包括视频、音频、文档等。您可以批量转换文件…

bert 相似度任务训练简单版本,faiss 寻找相似 topk

目录 任务 代码 train.py predit.py faiss 最相似的 topk 数 任务 使用 bert-base-chinese 训练相似度任务&#xff0c;参考&#xff1a;微调BERT模型实现相似性判断 - 知乎 参考他上面代码&#xff0c;他使用的是 BertForNextSentencePrediction 模型&#xff0c;Bert…

Tomcat概念、安装及相关文件介绍

目录 一、web技术 1、C/S架构与B/S架构 1.1 http协议与C/S架构 1.2 http协议与B/S架构 2、前端三大核心技术 2.1 HTML&#xff08;Hypertext Markup Language&#xff09; 2.2 css&#xff08;Cascading Style Sheets&#xff09; 2.3 JavaScript 3、同步和异步 4、…

代码随想录-贪心算法(435. 无重叠区间、763. 划分字母区间、56. 合并区间)

435. 无重叠区间 class Solution { public:static bool cmp(const vector<int>& a, const vector<int>& b){return a[1]<b[1];}int eraseOverlapIntervals(vector<vector<int>>& intervals) {if (intervals.size()1) return 0;sort(in…

Node.js与Webpack笔记(一)

这里使用的16.19.0版本&#xff0c;官网和github没找到&#xff0c;去黑马2023年课程里找 篇幅较大会卡&#xff0c;此篇幅不写Webpack部分&#xff0c;留着下一篇 初识 1.什么是Node.js? Node.js 是一个独立的 JavaScript 运行环境&#xff0c;能独立执行 JS 代码&#xff…

【Linux】Linux原生异步IO:AIO

1、IO模型 1.1 简述 相信大家在搜索的时候,都会看到下面这张图,IO的使用场景:同步、异步、阻塞、非阻塞,可以组合成四种情况: 同步阻塞I/O: 用户进程进行I/O操作,一直阻塞到I/O操作完成为止。同步非阻塞I/O: 用户程序可以通过设置文件描述符的属性O_NONBLOCK,I/O操作可…

向微队列添加任务的四种方式

向微队列添加任务的四种方式 关于微任务&#xff0c;微队列&#xff0c;事件循环&#xff0c;可参考&#xff1a;深入&#xff1a;微任务与 Javascript 运行时环境 - Web API 接口参考 | MDN (mozilla.org) 先说答案, 四种方法&#xff1a; Promise.resolve().then();Mutation…

Golang Ants 构建协程池

构建的协程池实现两个目标&#xff1a; 1、限制协程池里开启的协程数量 2、当任务数大于协程数时&#xff0c;一个协程可以同时处理多个任务 3、监控是哪个协程ID处理了具体的任务 package mainimport ("fmt""runtime""strconv""string…

【Web前端入门学习】——HTML

目录 HTML简介HTML文件结构常用文本标签标题标签段落标签有序列表和无序列表表格标签 HTML属性a标签—超链接标签图片标签 HTML区块块元素与行内元素 HTML表单 HTML简介 HTML全称是Hypertext Markup Language超文本标记语言。 HTML的作用&#xff1a; 为网页提供结构&#xff…

数据库管理-第158期 Oracle Vector DB AI-09(20240304)

数据库管理158期 2024-03-04 数据库管理-第158期 Oracle Vector DB & AI-09&#xff08;20240304&#xff09;1 创建示例表2 添加过滤条件的向量近似查询示例1示例2示例3示例4示例5示例6示例7 总结 数据库管理-第158期 Oracle Vector DB & AI-09&#xff08;20240304&a…

C#插入排序算法

插入排序实现原理 插入排序算法是一种简单、直观的排序算法&#xff0c;其原理是将一个待排序的元素逐个地插入到已经排好序的部分中。 具体实现步骤如下 首先咱们假设数组长度为n&#xff0c;从第二个元素开始&#xff0c;将当前元素存储在临时变量temp中。 从当前元素的前一…

iOS 17.0 UIGraphicsBeginImageContextWithOptions 崩溃处理

在升级到iOS17后你会发现&#xff0c;之前版本运行的很好&#xff0c;这个版本突然会出现一个运行闪退。报错日志为*** Assertion failure in void _UIGraphicsBeginImageContextWithOptions(CGSize, BOOL, CGFloat, BOOL)(), UIGraphics.m:410 跟踪到具体的报错位置如下所示&a…