Web Yakalama ve Dönüştürme Araçları

Dönüşüm için HTML yazmayla ilgili ipuçları

GrabzIt'ın API'si herhangi bir HTML'yi dönüştürmenize izin verir into PDF, DOCX, görseller ve daha fazlası. Bunu yapmak için düzenli HTML’yi API’mize aktarmanız gerekir. Örneğin, aşağıdaki örnekte gösterilen HTML'ye benzer bir şey.

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

Bu HTML örneğinin HTML ve BODY etiketlerini içerdiğine dikkat edin, ancak yalnızca bir HTML kod parçasını dönüştürmek istiyorsanız bu gerekli değildir. Ancak, HTML ve BODY etiketlerini eklemezseniz, bunlar normal bir tarayıcıda olduğu gibi sizin için otomatik olarak eklenecektir. Buna karşı koymak için, BODY etiketindeki fazladan dolgu ve kenar boşluklarını kaldırmak için aşağıda gösterildiği gibi bazı CSS'ler belirleyebilirsiniz.

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

Dönüştürmek istediğiniz HTML’ye JavaScript, resim veya CSS eklemek istiyorsanız, bu kaynakları bir satır içi veya başvurulan malikanede sağlayabilirsiniz. Örneğin, aşağıdaki kod HTML'de kaynakların satır içi bir şekilde nasıl oluşturulduğunu gösterir.

<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>

Yukarıdaki örnekte görebileceğiniz gibi, JavaScript ve CSS doğrudan HTML sayfasının içinde ve resmin nasıl dönüştürüldüğünü içerir. intoa veri URL'si.

Bunun yerine bu kaynaklara referans vermek istiyorsak, bu URL'lere bu dosyalara bağlanan tüm URL'lerin de herkes tarafından erişilebilen mutlak URL'ler kullandığından emin olmamız gerekir. Bu, URL'nin bir kaynağı bulmak için gerekli tüm bilgileri içerdiği anlamına gelir. Mutlak URL’leri kullanmamak ana nedendir resimler, CSS ve JavaScript oluşturulmadı HTML dönüştürürken.

Bunu yapmak için, JavaScript, CSS ve görüntünün koymak gerekir into dosyaları ayırın ve ardından aşağıdaki örneğe benzeyecek şekilde HTML'de başvurulan.

<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>