Merge pull request #2984 from enkidevs/Stefan-Stojanovic-update-html-…

…image-base-insight Update image-base.md
enkidevs · Jan 24, 2022 · f3badaf · f3badaf
2 parents 9f9d368 + 763544a
commit f3badaf
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -61,6 +61,7 @@ Types of change:
 ## January 5th 2022
 
 ### Fixed
+- [HTML - Image Base - Add mising example using OpenGraph meta tag](https://github.com/enkidevs/curriculum/pull/2984)
 - [Git - Move The Last Commit To A New Branch - Add missing answer fields and improve wording of PQ](https://github.com/enkidevs/curriculum/pull/2983)
 - [Java - Multithreading Use Local Variables - Fix example](https://github.com/enkidevs/curriculum/pull/2982)
 

diff --git a/web/html/html-images/image-base.md b/web/html/html-images/image-base.md
@@ -6,6 +6,8 @@ links:
   - >-
     [HTML <base>
     Element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base){documentation}
+  - >-
+    [The Open Graph Protocol](https://ogp.me/){documentation}
 practiceQuestion:
   formats:
     - fill-in-the-gap
@@ -54,7 +56,16 @@ All links in the web page or document will lead to the `https://www.enki.com` li
 </head>
 ```
 
-**Note**: In HTML5, the `<base>` end tag has to be omitted. On the other hand, in XHTML it has to be closed.
+> 💡 In HTML5, the `<base>` end tag has to be omitted. On the other hand, in XHTML it has to be closed.
+
+> ❗ OpenGraph meta tag links ignore the `<base>` tag and need to have absolute URL paths:
+```html
+<head>
+  <base href="http://enki.com/">
+  <meta property='og:image'
+    content='http://enki.com/facebook-image.jpg'>
+</head>
+```
 
 
 ---
@@ -113,7 +124,6 @@ Complete the code if a `<base>` URL is assigned and an image is used within an O
 
 ### What code assigns the default of every link within the web page to open a new page?
 
-
 ???
 
 - `<base target="_blank">`