כלים ללכידה ולהמרה של האינטרנט

טיפים לכתיבת HTML להמרה

ממשק ה- API של GrabzIt מאפשר להמיר כל HTML into PDF, DOCX, תמונות ועוד. לשם כך עליכם להעביר HTML רגיל לממשק ה- API שלנו. לדוגמה, משהו כמו ה- HTML שמוצג בדוגמה הבאה.

<html>
<body>
<h1>Hello World</h1>
</body>
</html>

שימו לב שדוגמת HTML זו כללה את תגיות ה- HTML ו- BODY, אך הדבר אינו נדרש אם אתם רק רוצים להמיר קטע HTML. עם זאת, אם לא תוסיף את תגי ה- HTML וה- BODY, אלה יתווספו אוטומטית עבורך בדיוק כמו בדפדפן רגיל. כדי לסתור זאת אתה יכול לציין כמה CSS להסרת ריפודים ושוליים נוספים בתג BODY כמוצג להלן.

<style>
body{margin:0;padding:0}
</style>

אם ברצונך לכלול JavaScript, תמונות או CSS ב- HTML שאתה מתכוון להמיר, אתה יכול לספק את המשאבים האלה באחוזה מוטבעת או הפניה. לדוגמה, הקוד שלהלן מראה כיצד ליצור משאבים ב- HTML באופן מוטבע.

<html>
<head>
<script>
document.getElementsByTagName('H1')[0].innerText = 'Goodbye';
</script>
<style>
h1{
color:red;
}
</style>
</head>
<body>
<img width="16" height="16" alt="star" src="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOV
SKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGA
iqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" />
<h1>Hello World</h1>
</body>
</html>

כפי שתוכלו לראות בדוגמה לעיל ה- JavaScript ו- CSS כלולים ישירות בדף ה- HTML וכיצד התמורה הוסבה intאו כתובת אתר.

אם רצינו להתייחס למקורות אלה במקום זאת, עלינו להבטיח שכל הקישורים של כתובות האתר לקבצים אלה משתמשים בכתובות URL מוחלטות, שגם הן נגישות לציבור. משמעות הדבר היא שכתובת האתר מכילה את כל המידע הדרוש לאיתור משאב. אי השימוש בכתובות URL מוחלטות הוא הסיבה העיקרית תמונות, CSS ו- JavaScript לא הוצגו בעת המרת HTML.

לשם כך יש להוסיף את ה- JavaScript, CSS והתמונה into קבצים נפרדים ואז מופנים ב- HTML, שייראה כמו הדוגמה למטה.

<html>
<head>
<script src="http://www.example.com/myscript.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.example.com/mystyle.css">
</head>
<body>
<h1>Hello World</h1>
<img width="16" height="16" alt="star" src="http://www.example.com/star.gif" />
</body>
</html>