Skip to content

Commit 3e66877

Browse files
jaywcjlovejaywcjlove
committed
doc: add high,href,hreflang attribute document.
1 parent 64ee38e commit 3e66877

File tree

4 files changed

+175
-7
lines changed

4 files changed

+175
-7
lines changed

‎docs/attribute/high.md‎

Lines changed: 34 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,36 @@
1-
high.md
1+
HTML high 属性
22
===
33

4-
欢迎您编辑 <a target="__blank" href="https://github.com/jaywcjlove/html-tutorial/blob/main/docs/attribute/high.md">docs/attribute/high.md</a> 文件，共建 HTML Tutorial 文档。
4+
## 定义和用法
5+
6+
`high` 属性指定仪表的值被认为是高值的范围。
7+
8+
`high` 属性值必须小于 `max` 属性值，也必须大于 `low` 和 `min` 属性值。
9+
10+
## 适用于
11+
12+
`high` 属性可用于以下元素：
13+
14+
| 元素 Element | 属性 Attribute |
15+
| ----- | ----- |
16+
| [\<meter>](../tags/meter.md) | [high](../tags/meter_high.md) |
17+
18+
## 示例
19+
20+
具有当前值和最小、最大、高和低段的仪表：
21+
22+
```html idoc:preview:iframe
23+
<meter min="0" low="40" high="90" max="100" value="65"></meter>
24+
```
25+
26+
## 浏览器支持
27+
28+
| 属性 Attribute | ![chrome][1] | ![edge][2] | ![firefox][3] | ![safari][4] | ![opera][5] |
29+
| ------- | --- | --- | --- | --- | --- |
30+
| high | 8.0 | ❌ 不支持 | 6.0 | 6.0 | 11.0 |
31+
32+
[1]: ../assets/chrome.svg
33+
[2]: ../assets/edge.svg
34+
[3]: ../assets/firefox.svg
35+
[4]: ../assets/safari.svg
36+
[5]: ../assets/opera.svg

‎docs/attribute/href.md‎

Lines changed: 77 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,79 @@
1-
href.md
1+
HTML href 属性
22
===
33

4-
欢迎您编辑 <a target="__blank" href="https://github.com/jaywcjlove/html-tutorial/blob/main/docs/attribute/href.md">docs/attribute/href.md</a> 文件，共建 HTML Tutorial 文档。
4+
## 定义和用法
5+
6+
对于 [\<a>](../tags/a.md) 和 [\<area>](../tags/area.md) 元素，`href` 属性指定链接指向的页面的 URL。
7+
8+
对于 [\<base>](../tags/base.md) 元素，`href` 属性指定页面上所有相对 URL 的基本 URL。
9+
10+
对于 [\<link>](../tags/link.md) 元素，`href` 属性指定外部资源（通常是样式表文件）的位置（URL）。
11+
12+
## 适用于
13+
14+
`href` 属性可用于以下元素：
15+
16+
| 元素 Element | 属性 Attribute |
17+
| ----- | ----- |
18+
| [\<a>](../tags/a.md) | [href](../tags/a_href.md) |
19+
| [\<area>](../tags/area.md) | [href](../tags/area_href.md) |
20+
| [\<base>](../tags/base.md) | [href](../tags/base_href.md) |
21+
| [\<link>](../tags/link.md) | [href](../tags/link_href.md) |
22+
23+
## 示例
24+
25+
### A 示例
26+
27+
href 属性指定 [\<a>](../tags/a.md) 链接的目的地：
28+
29+
```html idoc:preview:iframe
30+
<a href="https://github.com/jaywcjlove/html-tutorial">访问 HTML Tutorial 仓库</a>
31+
```
32+
33+
### Area 示例
34+
35+
带有可点击 [\<area>](../tags/area.md) 的图像地图：
36+
37+
```html idoc:preview:iframe
38+
<img src="../assets/workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">
39+
<map name="workmap">
40+
<area shape="rect" coords="34,44,270,350" alt="Computer" href="../tags/a.html">
41+
<area shape="rect" coords="290,172,333,250" alt="Phone" href="../tags/abbr.html">
42+
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="../tags/address.html">
43+
</map>
44+
```
45+
46+
### Base 示例
47+
48+
为页面上的所有相对 URL 指定一个 [\<base>](../tags/base.md) 基本 URL：
49+
50+
```html
51+
<head>
52+
<base href="https://www.w3schools.com/images/">
53+
</head>
54+
```
55+
56+
### Link 示例
57+
58+
链接 [\<link>](../tags/link.md) 到外部样式表：
59+
60+
```html
61+
<link rel="stylesheet" type="text/css" href="theme.css">
62+
```
63+
64+
## 浏览器支持
65+
66+
`href` 属性对每个元素都有以下浏览器支持：
67+
68+
| 元素 Element | ![chrome][1] | ![edge][2] | ![firefox][3] | ![safari][4] | ![opera][5] |
69+
| ------- | --- | --- | --- | --- | --- |
70+
| [\<a>](../tags/a.md) | Yes | Yes | Yes | Yes | Yes |
71+
| [\<area>](../tags/area.md) | Yes | Yes | Yes | Yes | Yes |
72+
| [\<base>](../tags/base.md) | Yes | Yes | Yes | Yes | Yes |
73+
| [\<link>](../tags/link.md) | Yes | Yes | Yes | Yes | Yes |
74+
75+
[1]: ../assets/chrome.svg
76+
[2]: ../assets/edge.svg
77+
[3]: ../assets/firefox.svg
78+
[4]: ../assets/safari.svg
79+
[5]: ../assets/opera.svg

‎docs/attribute/hreflang.md‎

Lines changed: 63 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,65 @@
1-
hreflang.md
1+
HTML hreflang 属性
22
===
33

4-
欢迎您编辑 <a target="__blank" href="https://github.com/jaywcjlove/html-tutorial/blob/main/docs/attribute/hreflang.md">docs/attribute/hreflang.md</a> 文件，共建 HTML Tutorial 文档。
4+
## 定义和用法
5+
6+
`hreflang` 属性指定链接文档的语言。
7+
8+
**注意：** 此属性仅供参考。
9+
10+
## 适用于
11+
12+
`hreflang` 属性可用于以下元素：
13+
14+
| 元素 Element | 属性 Attribute |
15+
| ----- | ----- |
16+
| [\<a>](../tags/a.md) | [hreflang](../tags/a_hreflang.md) |
17+
| [\<area>](../tags/area.md) | [hreflang](../tags/area_hreflang.md) |
18+
| [\<link>](../tags/link.md) | [hreflang](../tags/link_hreflang.md) |
19+
20+
## 示例
21+
22+
### A 示例
23+
24+
`hreflang` 属性指定链接中文档的语言：
25+
26+
```html idoc:preview:iframe
27+
<a target="_blank" hreflang="en" href="https://github.com/jaywcjlove">HTML Tutorial</a>
28+
```
29+
30+
### Area 示例
31+
32+
带有可点击区域的图像地图：
33+
34+
```html idoc:preview:iframe
35+
<img src="../assets/workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">
36+
<map name="workmap">
37+
<area hreflang="en" shape="rect" coords="34,44,270,350" alt="Computer" href="../tags/a.html">
38+
<area hreflang="en" shape="rect" coords="290,172,333,250" alt="Phone" href="../tags/abbr.html">
39+
<area hreflang="en" shape="circle" coords="337,300,44" alt="Cup of coffee" href="../tags/address.html">
40+
</map>
41+
```
42+
43+
### Link 示例
44+
45+
这里，hreflang 属性表示链接的文档是英文的：
46+
47+
```html
48+
<link href="../tags/link.html" rel="parent" rev="subsection" hreflang="en">
49+
```
50+
51+
## 浏览器支持
52+
53+
`hreflang` 属性对每个元素都有以下浏览器支持：
54+
55+
| 元素 Element | ![chrome][1] | ![edge][2] | ![firefox][3] | ![safari][4] | ![opera][5] |
56+
| ------- | --- | --- | --- | --- | --- |
57+
| [\<a>](../tags/a.md) | Yes | Yes | Yes | Yes | Yes |
58+
| [\<area>](../tags/area.md) | Yes | Yes | Yes | Yes | Yes |
59+
| [\<link>](../tags/link.md) | Yes | Yes | Yes | Yes | Yes |
60+
61+
[1]: ../assets/chrome.svg
62+
[2]: ../assets/edge.svg
63+
[3]: ../assets/firefox.svg
64+
[4]: ../assets/safari.svg
65+
[5]: ../assets/opera.svg

‎idoc.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ logo: ./logo.svg
22
favicon: ./logo.svg
33

44
menus:
5-
Home: index.html
5+
首页: index.html
66
教程: tutorial/index.html
77
索引: tags/index.html
88

0 commit comments

Comments
 (0)