首页 web前端 H5教程 HTML5 对各个标签的定义与规定:link

HTML5 对各个标签的定义与规定:link

May 17, 2016 am 09:10 AM
admin

    所有全局属性
    href
    rel
    media
    hreflang
    type
    sizes
    title(title属性对于link标签有特殊的含义)
    alternate:设置替换文档
    archives:历史归档
    author:文档作者
    first:与当前文档同系列的第一个文档。
    help:帮助文档
    icon:文档图标
    index:当前文档的内容表格或链接清单。
    last:与当前文档同系列的最后一个文档。
    license:当前文档的版权license
    next:与当前文档同系列的下一个文档。
    pingback:显示pingback当前文档的,pingback服务器地址。
    prefetch:预加载资源
    prev:与当前文档同系列的上一个文档。
    search:相关的搜索页面
    stylesheet:外部css样式文档
    sidebar:侧边栏设置
    tag:标签
    up:当前文档的上下文文档

属于meta信息。
放在head中,或者head的子元素noscript中。
为空元素。
拥有属性
DOM 接口:

代码: 全选 运行
    interface HTMLLinkElement : HTMLElement {<br>               attribute boolean disabled;<br>               attribute DOMString href;<br>               attribute DOMString rel;<br>      readonly attribute DOMTokenList relList;<br>               attribute DOMString media;<br>               attribute DOMString hreflang;<br>               attribute DOMString type;<br>      [PutForwards=value] readonly attribute DOMSettableTokenList sizes;<br>    };<br>    HTMLLinkElement implements LinkStyle;

link标签用途是设置文档的外部资源。
rel和href属性必须设置,其中href属性必须是一个有效的URL。
其中rel可设置成以下值:

link标签可以建立两种形式的链接,一种是外部资源,另一种是超级连接,例如rel设置成stylesheet是载入外部css样式文档,而设置成first就是意味着告诉浏览器该文档所处系列的第一个文档的超级链接。
一个link标签可以同时设置多个链接(甚至可以包含一些外部资源形式的和一些超级链接形式的),可设置的链接数量取决于link标签的rel属性的设置。

link标签执行过程:
1、如果href值为空,则停止解析此标签。
2、如果资源的URL属性是相对的,则根据相对此文件计算绝对URL值。
3、如果失败,停止解析。
4、根据绝对URL载入资源。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1665
14
CakePHP 教程
1423
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
H5指的是什么?探索上下文 H5指的是什么?探索上下文 Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

H5:网络标准和技术的发展 H5:网络标准和技术的发展 Apr 15, 2025 am 12:12 AM

Web标准和技术从HTML4、CSS2和简单的JavaScript演变至今,经历了显着的发展。 1)HTML5引入了Canvas、WebStorage等API,增强了Web应用的复杂性和互动性。 2)CSS3增加了动画和过渡功能,使页面效果更加丰富。 3)JavaScript通过Node.js和ES6的现代化语法,如箭头函数和类,提升了开发效率和代码可读性,这些变化推动了Web应用的性能优化和最佳实践的发展。

H5代码:Web开发人员的最佳实践 H5代码:Web开发人员的最佳实践 Apr 16, 2025 am 12:14 AM

H5代码的最佳实践包括:1.使用正确的DOCTYPE声明和字符编码;2.采用语义化标签;3.减少HTTP请求;4.使用异步加载;5.优化图像。这些实践能提升网页的效率、可维护性和用户体验。

H5是HTML5的速记吗?探索细节 H5是HTML5的速记吗?探索细节 Apr 14, 2025 am 12:05 AM

H5不仅仅是HTML5的简称,它代表了一个更广泛的现代网页开发技术生态:1.H5包括HTML5、CSS3、JavaScript及相关API和技术;2.它提供更丰富、互动、流畅的用户体验,能在多设备上无缝运行;3.使用H5技术栈可以创建响应式网页和复杂交互功能。

H5和HTML5:网络开发中常用的术语 H5和HTML5:网络开发中常用的术语 Apr 13, 2025 am 12:01 AM

H5与HTML5指的是同一个东西,即HTML5。HTML5是HTML的第五个版本,带来了语义化标签、多媒体支持、画布与图形、离线存储与本地存储等新功能,提升了网页的表现力和交互性。

了解H5代码:HTML5的基本原理 了解H5代码:HTML5的基本原理 Apr 17, 2025 am 12:08 AM

HTML5是构建现代网页的关键技术,提供了许多新元素和功能。1.HTML5引入了语义化元素如、、等,增强了网页结构和SEO。2.支持多媒体元素和,无需插件即可嵌入媒体。3.表单增强了新输入类型和验证属性,简化了验证过程。4.提供了离线和本地存储功能,提升了网页性能和用户体验。

解构H5代码:标签,元素和属性 解构H5代码:标签,元素和属性 Apr 18, 2025 am 12:06 AM

HTML5代码由标签、元素和属性组成:1.标签定义内容类型,用尖括号包围,如。2.元素由开始标签、内容和结束标签组成,如内容。3.属性在开始标签中定义键值对,增强功能,如。这些是构建网页结构的基本单位。

H5:如何增强网络上的用户体验 H5:如何增强网络上的用户体验 Apr 19, 2025 am 12:08 AM

H5通过多媒体支持、离线存储和性能优化提升网页用户体验。1)多媒体支持:H5的和元素简化开发,提升用户体验。2)离线存储:WebStorage和IndexedDB允许离线使用,提升体验。3)性能优化:WebWorkers和元素优化性能,减少带宽消耗。

See all articles