HTML href 属性

HTML <base> Tag

定义和用法

href 属性规定页面上所有相对 URL 的基准 URL。

说明

base 元素可用来设置一个基准的 URL，让 HTML 文档中的相对链接在此基础上进行解析。

相对链接省略了 URL 中的协议、主机和端口部分，需要根据别的 URL（要么是 base 中指定的 URL，要么是当前文档的 URL）得出其完整形式。

href 属性指定了解析文档此后部分中的相对 URL 要用到的基准 URL。

Anfani

Anfani 1

Anfani URL ajiya a kufar da kai URL:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/">
</head>
<body>
<h1>base href 属性</h1>
<img src="flower.png" width="60" height="60" alt="tullip">
</body>
</html>

Kai jiyar a

Anfani yin

Anfani yin ajiya URL a https://www.codew3c.com/i/photo/ . www.codew3c.com shi yancin mai yancin, /i/photo/ shi kufar ajiya a yancin mai da kufar photo.

A yancin zai kufar da farki, anfani ya zai img yancin kama yancin flower.png yancin URL. Browser za zai kai photo, za zai kai URL ajiya da URL ajiya kai kufar URL:

https://www.codew3c.com/i/photo/flower.png

Anfani 2

Anfani URL ajiya a kufar da kai URL:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/">
</head>
<body>
<h1>base href 属性</h1>
<a href="html_basic.asp">HTML 基础</a>
</body>
</html>

Kai jiyar a

Anfani yin

Anfani yin ajiya URL a https://www.codew3c.com/html/ . www.codew3c.com shi yancin mai yancin, /html/ shi kufar ajiya a yancin mai da kufar photo.

A yancin zai kufar da farki, anfani ya zai a yancin kama yancin ajiya, anfani ya zai html_basic.asp yancin URL. Dukun kada a yancin na, browser za zai kai URL ajiya da URL ajiya kai kufar URL:

https://www.codew3c.com/html/html_basic.asp

تلميح

إذا لم يتم استخدام عنصر base، أو لم يتم تعيين URL الأساس باستخدام خاصية href، فإن المستعرض سيعتبر URL المستند الحالي هو الأساس لكل URLs مطلقة.

على سبيل المثال، لنفترض أن المستعرض يحمل مستندًا من هذا URL https://www.codew3c.com/js/index.asp، يحتوي على رابط استخدم URL مطلقة html_basic.asp، عند النقر على هذا الرابط، سيحاول المستعرض تحميل المستند الثاني من هذا URL المطلق https://www.codew3c.com/js/html_basic.asp.

النحو

<base href="URL">

قيمة الخاصية

القيمة الوصف
URL URL مطلقة كـ URL الأساس للمعيار (مثل “http://www.example.com/”).

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

HTML <base> Tag