标签 html 下的文章 - a博客-个人博客-技术分享

探索HTML链接关系：理解rel属性的作用

当我们在浏览网页时，经常会遇到一些链接，它们不仅仅是普通的超链接，还会带有一些指定特殊关系的属性。这些属性被称为“链接关系”或“rel属性”，通过它们可以实现不同网页之间的联系和交互。在这里，我们就来学习一下常见的链接关系及其作用。rel="canonical"首先来介绍一种非常常见的链接关系——rel="canonical"。顾名思义，它表示当前页面的规范链接。具体来讲，当网站上有多个页面的内容非常相似或重复时，rel="canonical" 可以标明哪个页面是原始版本，其他页面应该被认为是这个页面的副本或覆盖版本，从而避免搜索引擎将它们都当成独立的页面收录，影响网站的SEO效果。rel="alternate"除了规范链接外，我们还会遇到另一种链接关系——rel="alternate"。它表示当前页面的替代链接，根据不同的目的可以分为多个类型。2.1 rel="alternate" 其中之一是 rel="alternate" , 它表示与当前页面内容相同，但是提供了更好的适应性的链接，以适用于不同的媒体设备或不同的显示器尺寸。在这种情况下，属性值应该包含类似"media"的媒体查询，

技术 · 01-09

button 配合 document.execCommand() 实现文字加粗效果

button 配合 document.execCommand() 实现文字加粗效果。在实现富文本编辑器的点击按钮给文本文字加粗的时候遇到了一个问题，那就是当选中文字是点击加粗按钮会取消文字的选中。想要的效果为：想要实现此效果，只要将按钮换成 button 就可以了。完整代码：<style> * { padding: 0; margin: 0; } html, body { padding: 20px; background-color: #000000; } li { list-style-type: none; } #editor { width: 800px; height: 360px; border-radius: 6px; background-color: #ffffff; border: 1px solid #cccccc;

技术 · 2023-07-25

Theme Jasmine by Kent Liao