1. Web-skrapping üçün əsas CSS konsepsiyaları
Web-skrappingdə uğur qazanmaq üçün səhifədəki HTML strukturu və CSS siniflərini anlamaq əsas faktordur. Səhifə elementlərinin necə tərtib edildiyini və CSS vasitəsilə strukturlaşdırıldığını başa düşməklə, lazım olan məlumatları daha dəqiq seçərək çıxarmaq olar. HTML-ə CSS əlavə etməyi, selektorların istifadəsini, həmçinin style, class, id və name atributlarını web-səhifələrin strukturunda işləmək üçün necə tətbiq ediləcəyini nəzərdən keçirəcəyik.
CSS web-səhifələrin tərtibatından məsuldur, lakin web-skrapping məqsədləri üçün CSS-i strukturun başa düşülməsi və elementlərin seçilməsi üçün bir vasitə kimi qəbul edə bilərik. Skrapping üçün vacib olan əsas CSS konsepsiyalarını nəzərdən keçirək:
- Selektorlar — müəyyən HTML elementlərini göstərən qaydalardır. Onların istifadəsi lazım olan məlumatları dəqiq şəkildə müəyyən etməyə kömək edir.
-
class,id, vənameatributları — bunlar elementləri fərqləndirən unikal identifikatorlardır. Skrapping üçün xüsusilə faydalıdırlar, çünki lazımlı elementləri izolyasiya etməyə kömək edir və bu, məlumatların çıxarılmasını asanlaşdırır.
2. HTML-sənədinə CSS bağlantısı
CSS HTML-ə müxtəlif yollarla bağlana bilər. Bu yolları anlamaq vacibdir, çünki elementlər üzrə naviqasiya və onların stillərini və siniflərini müəyyənləşdirmək məqsədilə bu məlumatlar hədəf məlumatları təcrid etməyə kömək edir.
Xarici fayl
CSS çox vaxt xarici fayl şəklində bağlanır ki, bunu HTML-sənədində <link> teqi vasitəsilə <head> seksiyasında görə bilərik. Xarici fayllar CSS-də səhifənin bütün stillərini, identifikatorlarını və siniflərini təyin edir ki, bu da skrepləmə zamanı naviqasiyanı asanlaşdırır.
<head>
<link rel="stylesheet" href="styles.css">
</head>
Daxili stillər
Bəzən stillər səhifədə <style> teqi vasitəsilə müəyyən edilə bilər. Daxili stillər <head> bölməsində tapılır və siniflərin, identifikatorların istifadəsini anlamaq üçün bir ipucu kimi istifadə edilə bilər.
<head>
<style>
.price {
color: red;
}
</style>
</head>
Daxili stillər (style atributu)
Daxili stillər HTML-teqlərdə birbaşa yerləşdirilir və yalnız müəyyən elementlərə təsir edir. style atributu çox vaxt faydalı xüsusiyyətlərə malikdir və bu məlumat hədəf məlumatlarını müəyyən etmək üçün istifadə edilə bilər.
<p style="color: red; font-size: 18px;">Daxili stillər ilə mətn</p>
<p style="color: red; font-size: 18px;">Daxili stillər ilə mətn</p>
GO TO FULL VERSION