HTML rel 属性
<!-- start content -->
rel 属性 -- rel属性,描述了当前页面与
href所指定文档的关系.
-
rel属性通常出现在a,link标签中
- 属性值
-
alternate -- 定义交替出现的链接
-
appendix -- 定义文档的附加信息
-
bookmark -- 书签
-
chapter -- 当前文档的章节
contents-
copyright -- 当前文档的版权
-
glossary -- 词汇
-
help -- 链接帮助信息
-
index -- 当前文档的索引
-
next -- 记录文档的下一页.(浏览器可以提前加载此页)
-
nofollow -- 不被用于计算PageRank
-
prev -- 记录文档的上一页.(定义浏览器的后退键)
-
section -- 作为文档的一部分
-
start -- 通知搜索引擎,文档的开始
-
stylesheet -- 定义一个外部加载的样式表
-
subsection -- 作为文档的一小部分
- rel是relationship的英文缩写.
- 引用网址:http://www.dreamdu.com/xhtml/attribute_rel/
rel与rev属性相同,它们都是属于LinkTypes属性.
示例
<link rel="stylesheet" href="http://www.dreamdu.com/style.css" type="text/css">
定义了梦之都的样式表,rel属性定义为stylesheet样式表,相关的文档为http://www.dreamdu.com/style.css.
rel与rev的区别
rel与rev具有互补的作用,rel指定了向前链接的关系,rev指定了反向链接的关系.
猴子提示: nofollow非w3标准定义的rel属性值,此值为Google,MSN等搜索引擎定义.
参考
<!-- end content -->
分享到：
相关推荐
36. `<a>`: 创建超链接，`href`属性指定链接目标，`target`属性定义打开方式，`rel`和`rev`用于描述链接关系，`accesskey`定义热键，`shape`和`coords`用于定义图像映射。 37. `<a>`的`mailto:`协议: 创建邮件链接，...
<link rel="stylesheet" href="styles.css"> <script src="script.js"></script> </head> <body> <h1>欢迎来到我的网站</h1> <p>这是我的第一个网页。</p> <img src="image.jpg" alt="示例图片"> </body> </...
<link rel="stylesheet" type="text/css" href="style.css"> ``` - `<title>`：设置文档标题。 - 示例： ```html <title>我的网页</title> ``` - `<meta>`：定义文档的元数据。 - 示例： ```html <meta ...
<link rel="stylesheet" type="text/css" href="styles.css"> ``` #### 九、表单 (`<form>`) 表单是与用户交互的重要手段，常用于收集用户输入。基本标签和属性包括： - **`<form>`**：定义表单。 - **`action`**...
<link rel="stylesheet" href=""> <script> function add(){ //新建要增加的节点 var li = document.createElement('li'); var txt = document.createTextNode('北'); li.appendChild(txt); //找到要添加到...
<link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <!-- 页面主体内容 --> <p>这是页面的主要内容。</p> </body> </html> ``` - **`<!DOCTYPE html>`**：文档类型声明，告知浏览器这是...
同时，可以引入CSS（Cascading Style Sheets）文件来控制页面样式，如`<link rel="stylesheet" href="style.css">`。 三、布局与容器 个人空间HTML页面的布局通常包括头部、主体和底部等部分。可以使用`<header>`...
- `<link>`：链接外部资源，如样式表。 - `<nav>`：定义导航链接的部分。 - `<menu>`：定义一个菜单。 - `<dir>`：定义一个目录列表。 #### 六、表单标签 - `<form>`：定义一个表单。 - `action`：表单提交的URL。...
<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="feed.xml"> ``` #### 四、总结 Zen Coding提供了一种高效且简洁的方式来编写HTML和CSS代码。通过对常用HTML结构进行缩写，开发者能够...
<link href="my.css" type="text/css" rel="stylesheet"/> </head> <body> <div class="style1"> <table> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>1</td> <td>2...
<li><a href="#">Link 2</a></li> </ul> </aside> ``` ##### 11. `<audio>` - **用途**：定义音频内容。 - **属性**： - `autoplay`：自动播放音频。 - `controls`：显示控制面板。 - `loop`：循环播放。 -...
<link rel="icon" type="image/x-icon" href="path/to/icon.ico"> ``` - **`rel`属性**：定义当前文档与被链接文档之间的关系，在这里设置为`icon`表示链接的是一个图标文件。 - **`type`属性**：定义被链接文档的...
一、`<link>`元素详解 `<link>`元素是HTML5中的一个元数据标签，它通常位于`<head>`部分，用于链接外部资源，如样式表（CSS）、图标（favicon）或者定义文档的关联关系。引入外部样式表时，`<link>`元素需要设置以下...
<link rel="stylesheet" href="styles.css"> </head> ``` `<head>`元素包含文档元数据，如标题、字符集设置、样式表链接等。 ##### 4. `<body>`元素 ```html <body> <h1>主标题</h1> <p>段落文本。</p> <img ...
4. **`<link>`**：引入外部样式表，如`<link rel="stylesheet" type="text/css" href="styles.css">`。 #### BODY部基本标记解析 1. **`<body>`**：定义网页的主体部分，可通过属性设置背景颜色、背景图片等。 2...
<link rel="stylesheet" href="styles.css"> </head> ``` 3. **`<body>` 和 `</body>`** - **作用**：这部分包含了网页的所有可见内容，如文本、图像等。 - **示例**： ```html <body> <p>欢迎来到我的网站...
- 通过`<link rel="stylesheet" href="styles.css">`引入外部样式表。 2. **选择器：** - 类选择器使用`.`前缀，如`.highlight`。 - ID选择器使用`#`前缀，如`#main-header`。 - 标签选择器直接使用标签名，如`...
- **外部样式表**：通过`<link rel="stylesheet" type="text/css" href="mystyle.css">`引用外部CSS文件。 - **内部样式表**：在`<style>`标签内定义样式规则，如`<style type="text/css"> ... </style>`。 - **内联...
- 在HTML文件中，通过`<link>`标签引入CSS文件，`rel`属性设置为"Stylesheet"，`type`属性设为"text/css"，`href`属性指定CSS文件的URL。 6. **TextBox控件的TextMode属性** - TextBox控件的TextMode属性用于设定...
<link rel="stylesheet" href="styles.css"> ``` 5. **图标与按钮**：文件名如“工作.png”、“教育.png”、“我.png”、“项目.png”可能是自定义的图标，可以用`<img>`标签展示，或者在CSS中作为背景图像。如果...