वेब पर कब्जा और परिवर्तित करने के लिए उपकरण

रूपांतरण के लिए HTML लिखने पर युक्तियाँ

GrabzIt की API आपको किसी भी HTML को परिवर्तित करने की अनुमति देती है into PDF, DOCX, छवियाँ और बहुत कुछ। ऐसा करने के लिए आपको हमारे एपीआई में नियमित HTML पास करना होगा। उदाहरण के लिए, निम्नलिखित उदाहरण में दिखाए गए HTML जैसा कुछ।

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

ध्यान दें कि इस HTML उदाहरण में HTML और BODY टैग शामिल हैं, लेकिन यदि आप केवल HTML का एक स्निपेट परिवर्तित करना चाहते हैं तो यह आवश्यक नहीं है। हालाँकि यदि आप HTML और BODY टैग नहीं जोड़ते हैं तो ये सामान्य ब्राउज़र की तरह ही आपके लिए स्वचालित रूप से जुड़ जाएंगे। इसका प्रतिकार करने के लिए आप बॉडी टैग पर किसी भी अतिरिक्त पैडिंग और मार्जिन को हटाने के लिए कुछ सीएसएस निर्दिष्ट कर सकते हैं जैसा कि नीचे दिखाया गया है।

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

यदि आप जिस 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>

जैसा कि आप उपरोक्त उदाहरण में देख सकते हैं कि जावास्क्रिप्ट और सीएसएस सीधे HTML पेज के भीतर समाहित हैं और छवि को कैसे रूपांतरित किया गया है intया डेटा यूआरएल.

यदि हम इसके बजाय इन संसाधनों को संदर्भित करना चाहते हैं तो हमें यह सुनिश्चित करना होगा कि इन फ़ाइलों से लिंक करने वाले सभी यूआरएल पूर्ण यूआरएल का उपयोग करें, जो सार्वजनिक रूप से पहुंच योग्य भी हैं। इसका मतलब है कि URL में किसी संसाधन का पता लगाने के लिए आवश्यक सभी जानकारी शामिल है। पूर्ण URL का उपयोग न करना मुख्य कारण है छवियाँ, सीएसएस और जावास्क्रिप्ट प्रस्तुत नहीं किए गए हैं HTML परिवर्तित करते समय।

ऐसा करने के लिए जावास्क्रिप्ट, सीएसएस और इमेज डालनी होगी 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>