გვერდის დაბეჭდილი ვერსიის CSS. Google-ის ნაკლებად ცნობილი ფუნქციების გამოყენება დამალულის საპოვნელად

თითოეული ოპერატორისთვის არის მსუბუქი ვერსია უფრო მოკლე სახელით (ყველას პრეფიქსის გარეშე). განსხვავება ისაა, რომ allinurl იპოვის ბმულებს ყველა სიტყვასთან, ხოლო inurl იპოვის ბმულებს მხოლოდ პირველ მათგანთან. მოთხოვნიდან მეორე და მომდევნო სიტყვები შეიძლება გამოჩნდეს ვებგვერდების ნებისმიერ ადგილას. inurl ოპერატორი ასევე განსხვავდება მსგავსი მნიშვნელობის სხვა ოპერატორისგან - საიტისგან. პირველი ასევე საშუალებას გაძლევთ იპოვოთ სიმბოლოების ნებისმიერი თანმიმდევრობა მოძიებული დოკუმენტის ბმულში (მაგალითად, /cgi-bin/), რომელიც ფართოდ გამოიყენება ცნობილი დაუცველობის მქონე კომპონენტების მოსაძებნად.

პრაქტიკაში ვცადოთ. ჩვენ ვიღებთ allintext ფილტრს და ვაძლევთ მოთხოვნას აწარმოოს საკრედიტო ბარათების ნომრებისა და დამადასტურებელი კოდების სია, რომელთა ვადა მხოლოდ ორ წელიწადში ამოიწურება (ან როცა მათი მფლობელები დაიღალებიან ყველას კვებით).

Allintext: ბარათის ნომრის ვადის გასვლის თარიღი /2017 cvv

როდესაც ახალ ამბებში კითხულობთ, რომ ახალგაზრდა ჰაკერმა „გატეხა“ პენტაგონის ან NASA-ს სერვერები, მოიპარა საიდუმლო ინფორმაცია, უმეტეს შემთხვევაში ჩვენ ვსაუბრობთ Google-ის გამოყენების სწორედ ასეთ ძირითად ტექნიკაზე. დავუშვათ, ჩვენ გვაინტერესებს NASA-ს თანამშრომლების სია და მათი საკონტაქტო ინფორმაცია. რა თქმა უნდა, ასეთი სია ხელმისაწვდომია ელექტრონული ფორმით. მოხერხებულობისთვის ან ზედამხედველობის გამო, ის ასევე შეიძლება იყოს თავად ორგანიზაციის ვებსაიტზე. ლოგიკურია, რომ ამ შემთხვევაში არ იქნება ბმულები, რადგან ის განკუთვნილია შიდა გამოყენებისთვის. რა სიტყვები შეიძლება იყოს ასეთ ფაილში? მინიმუმ - "მისამართის" ველი. ყველა ამ ვარაუდის ტესტირება მარტივია.

Inurl:nasa.gov ფაილის ტიპი:xlsx "მისამართი"

ჩვენ ვიყენებთ ბიუროკრატიას

მსგავსი აღმოჩენები სასიამოვნო შეხებაა. ჭეშმარიტად სოლიდური დაჭერა უზრუნველყოფილია Google-ის ოპერატორების უფრო დეტალური ცოდნით ვებმასტერებისთვის, თავად ქსელისა და მოთხოვნილი სტრუქტურის თავისებურებების შესახებ. დეტალების ცოდნით, თქვენ შეგიძლიათ მარტივად გაფილტროთ შედეგები და დახვეწოთ საჭირო ფაილების თვისებები, რათა მიიღოთ მართლაც ღირებული მონაცემები დანარჩენში. სასაცილოა, რომ აქ ბიუროკრატია შველის. ის აწარმოებს სტანდარტულ ფორმულირებებს, რომლებიც მოსახერხებელია ინტერნეტში შემთხვევით გაჟონილი საიდუმლო ინფორმაციის მოსაძიებლად.

მაგალითად, Distribution განაცხადის ბეჭედი, რომელიც სავალდებულოა აშშ-ს თავდაცვის დეპარტამენტის ოფისში, ნიშნავს დოკუმენტის გავრცელების სტანდარტიზებულ შეზღუდვებს. ასო A აღნიშნავს საჯარო რელიზებს, რომლებშიც არაფერია საიდუმლო; B - განკუთვნილია მხოლოდ შიდა გამოყენებისთვის, C - მკაცრად კონფიდენციალური და ასე შემდეგ, სანამ F. ასო X ცალკე გამოირჩევა, რომელიც აღნიშნავს განსაკუთრებით ღირებულ ინფორმაციას, რომელიც წარმოადგენს უმაღლესი დონის სახელმწიფო საიდუმლოებას. დაე, მათ, ვინც ამას მორიგეობით უნდა აკეთონ, მოძებნონ ასეთი დოკუმენტები და ჩვენ შემოვიფარგლებით ფაილებით C ასოებით. DoDI დირექტივის 5230.24 მიხედვით, ეს მარკირება ენიჭება დოკუმენტებს, რომლებიც შეიცავს კრიტიკული ტექნოლოგიების აღწერას, რომლებიც ექვემდებარება ექსპორტის კონტროლს. . ასეთი საგულდაგულოდ დაცული ინფორმაცია შეგიძლიათ იხილოთ საიტებზე ზედა დონის domain.mil-ში, რომელიც გამოყოფილია აშშ-ს არმიისთვის.

"DISTRIBUTION STATEMENT C" inurl:navy.mil

ძალიან მოსახერხებელია, რომ .mil დომენი შეიცავს მხოლოდ საიტებს აშშ-ს თავდაცვის დეპარტამენტისა და მისი საკონტრაქტო ორგანიზაციებისგან. დომენის შეზღუდვით ძიების შედეგები განსაკუთრებით სუფთაა და სათაურები თავისთავად საუბრობენ. რუსული საიდუმლოებების ამ გზით ძიება პრაქტიკულად უსარგებლოა: domains.ru და.rf-ში ქაოსი სუფევს და მრავალი იარაღის სისტემის სახელი ჟღერს ბოტანიკურს (PP "Kiparis", თვითმავალი თოფები "აკაცია") ან თუნდაც ზღაპრული ( TOS "ბურატინო").

.mil დომენის საიტიდან ნებისმიერი დოკუმენტის გულდასმით შესწავლით, შეგიძლიათ ნახოთ სხვა მარკერები თქვენი ძიების გასაუმჯობესებლად. მაგალითად, მითითება ექსპორტის შეზღუდვებზე "Sec 2751", რომელიც ასევე მოსახერხებელია საინტერესო ტექნიკური ინფორმაციის მოსაძიებლად. დროდადრო ის ამოღებულია ოფიციალური საიტებიდან, სადაც ოდესღაც გამოჩნდა, ასე რომ, თუ ძიების შედეგებში საინტერესო ბმულს ვერ მიჰყვებით, გამოიყენეთ Google-ის ქეში (ქეშის ოპერატორი) ან ინტერნეტ არქივის საიტი.

ღრუბლებში ასვლა

გარდა შემთხვევით დეკლარირებული სამთავრობო დოკუმენტებისა, Google-ის ქეშში ზოგჯერ ჩნდება პერსონალური ფაილების ბმულები Dropbox-დან და მონაცემთა შენახვის სხვა სერვისებიდან, რომლებიც ქმნიან „პირად“ ბმულებს საჯაროდ გამოქვეყნებულ მონაცემებზე. ეს კიდევ უფრო უარესია ალტერნატიული და ხელნაკეთი სერვისებით. მაგალითად, შემდეგი მოთხოვნა პოულობს მონაცემებს Verizon-ის ყველა მომხმარებლისთვის, რომლებსაც აქვთ დაინსტალირებული FTP სერვერი და აქტიურად იყენებენ როუტერს.

Allinurl:ftp://verizon.net

ახლა ორმოც ათასზე მეტი ასეთი ჭკვიანი ადამიანია და 2015 წლის გაზაფხულზე კიდევ ბევრი იყო. Verizon.net-ის ნაცვლად, შეგიძლიათ შეცვალოთ ნებისმიერი ცნობილი პროვაიდერის სახელი და რაც უფრო ცნობილი იქნება, მით უფრო დიდი იქნება დაჭერა. ჩაშენებული FTP სერვერის საშუალებით შეგიძლიათ იხილოთ ფაილები გარე შენახვის მოწყობილობაზე, რომელიც დაკავშირებულია როუტერთან. ჩვეულებრივ, ეს არის NAS დისტანციური მუშაობისთვის, პერსონალური ღრუბლისთვის ან რაიმე სახის Peer-to-peer ფაილის ჩამოტვირთვისთვის. ასეთი მედიის ყველა შინაარსი ინდექსირებულია Google-ისა და სხვა საძიებო სისტემების მიერ, ასე რომ თქვენ შეგიძლიათ წვდომა გარე დისკებზე შენახულ ფაილებზე პირდაპირი ბმულის საშუალებით.

ათვალიერებ კონფიგურაციებს

ღრუბელში გავრცელებულ მიგრაციამდე, მარტივი FTP სერვერები მართავდნენ დისტანციურ შენახვას, რომელსაც ასევე ჰქონდა მრავალი დაუცველობა. ბევრი მათგანი დღესაც აქტუალურია. მაგალითად, პოპულარული WS_FTP Professional პროგრამა ინახავს კონფიგურაციის მონაცემებს, მომხმარებლის ანგარიშებს და პაროლებს ws_ftp.ini ფაილში. მისი პოვნა და წაკითხვა მარტივია, რადგან ყველა ჩანაწერი ინახება ტექსტის ფორმატში, ხოლო პაროლები დაშიფრულია Triple DES ალგორითმით მინიმალური დაბინდვის შემდეგ. უმეტეს ვერსიებში საკმარისია პირველი ბაიტის უბრალოდ გაუქმება.

ასეთი პაროლების გაშიფვრა მარტივია WS_FTP Password Decryptor პროგრამის ან უფასო ვებ სერვისის გამოყენებით.

თვითნებური ვებსაიტის გატეხვაზე საუბრისას, ისინი ჩვეულებრივ გულისხმობენ პაროლის მიღებას ჟურნალებიდან და CMS-ის ან ელექტრონული კომერციის აპლიკაციების კონფიგურაციის ფაილების სარეზერვო ასლებიდან. თუ იცით მათი ტიპიური სტრუქტურა, შეგიძლიათ მარტივად მიუთითოთ საკვანძო სიტყვები. ws_ftp.ini-ში ნაპოვნი ხაზები ძალზე გავრცელებულია. მაგალითად, Drupal-სა და PrestaShop-ში ყოველთვის არის მომხმარებლის იდენტიფიკატორი (UID) და შესაბამისი პაროლი (pwd) და ყველა ინფორმაცია ინახება ფაილებში .inc გაფართოებით. თქვენ შეგიძლიათ მოძებნოთ ისინი შემდეგნაირად:

"pwd=" "UID=" ext:inc

DBMS პაროლების გამოვლენა

SQL სერვერების კონფიგურაციის ფაილებში მომხმარებლის სახელები და ელ.ფოსტის მისამართები ინახება წმინდა ტექსტში და მათი MD5 ჰეშები იწერება პაროლების ნაცვლად. მკაცრად რომ ვთქვათ, მათი გაშიფვრა შეუძლებელია, მაგრამ შეგიძლიათ იპოვოთ შესატყვისი ცნობილ ჰეშ-პაროლთა წყვილებს შორის.

ჯერ კიდევ არსებობს DBMS-ები, რომლებიც არც კი იყენებენ პაროლის ჰეშინგს. ნებისმიერი მათგანის კონფიგურაციის ფაილები უბრალოდ შეგიძლიათ ნახოთ ბრაუზერში.

Intext:DB_PASSWORD ფაილის ტიპი: env

Windows სერვერების მოსვლასთან ერთად, კონფიგურაციის ფაილების ადგილი ნაწილობრივ დაიკავა რეესტრმა. თქვენ შეგიძლიათ მოძებნოთ მისი ფილიალები ზუსტად იმავე გზით, ფაილის ტიპად reg-ის გამოყენებით. მაგალითად, ასე:

ფაილის ტიპი:რეგ HKEY_CURRENT_USER "პაროლი"=

არ დაგვავიწყდეს აშკარა

ზოგჯერ შესაძლებელია საიდუმლო ინფორმაციამდე მოხვედრა იმ მონაცემების გამოყენებით, რომლებიც შემთხვევით გაიხსნა და Google-ის ყურადღების ცენტრში მოექცა. იდეალური ვარიანტია პაროლების სიის პოვნა რაიმე საერთო ფორმატში. მხოლოდ სასოწარკვეთილ ადამიანებს შეუძლიათ შეინახონ ანგარიშის ინფორმაცია ტექსტურ ფაილში, Word დოკუმენტში ან Excel ცხრილებში, მაგრამ ისინი ყოველთვის საკმარისია.

ფაილის ტიპი:xls inurl:პაროლი

ერთის მხრივ, არსებობს უამრავი საშუალება მსგავსი ინციდენტების თავიდან ასაცილებლად. აუცილებელია htaccess-ში ადექვატური წვდომის უფლებების მითითება, CMS-ის პატჩი, არ გამოიყენოთ მარცხენა სკრიპტები და დახუროთ სხვა ხვრელები. ასევე არის ფაილი robots.txt გამონაკლისების სიით, რომელიც კრძალავს საძიებო სისტემებს მასში მითითებული ფაილების და დირექტორიების ინდექსირებას. მეორეს მხრივ, თუ robots.txt-ის სტრუქტურა ზოგიერთ სერვერზე განსხვავდება სტანდარტულისგან, მაშინვე ცხადი ხდება, რის დამალვას ცდილობენ მასზე.

ნებისმიერი საიტის დირექტორიებისა და ფაილების სიას წინ უძღვის სტანდარტული ინდექსი. ვინაიდან სერვისის მიზნებისთვის ის სათაურში უნდა გამოჩნდეს, აზრი აქვს მისი ძიების შეზღუდვას სათაურის ოპერატორით. საინტერესო რამ არის /admin/, /personal/, /etc/ და კიდევ /secret/ დირექტორიებში.

თვალყური ადევნეთ განახლებებს

აქ რელევანტურობა ძალზე მნიშვნელოვანია: ძველი დაუცველობები ძალიან ნელა იხურება, მაგრამ Google და მისი ძიების შედეგები მუდმივად იცვლება. „ბოლო წამის“ ფილტრსა (&tbs=qdr:s მოთხოვნის URL-ის ბოლოს) და „რეალურ დროში“ ფილტრს (&tbs=qdr:1) შორის განსხვავებაც კი არის.

Google-ის მიერ ასევე მითითებულია ფაილის ბოლო განახლების თარიღის დროის ინტერვალი. გრაფიკული ვებ ინტერფეისის საშუალებით შეგიძლიათ აირჩიოთ ერთ-ერთი სტანდარტული პერიოდი (საათი, დღე, კვირა და ა.შ.) ან დააყენოთ თარიღის დიაპაზონი, მაგრამ ეს მეთოდი არ არის შესაფერისი ავტომატიზაციისთვის.

მისამართების ზოლის გარეგნობის მიხედვით, თქვენ შეგიძლიათ მხოლოდ გამოიცნოთ შედეგების გამომუშავების შეზღუდვის გზა &tbs=qdr: კონსტრუქციის გამოყენებით. ასო y მას შემდეგ რაც ადგენს ერთი წლის ზღვარს (&tbs=qdr:y), m აჩვენებს შედეგებს ბოლო თვისთვის, w - კვირისთვის, d - გასული დღისთვის, h - ბოლო საათისთვის, n - წუთისთვის, ხოლო ს - წამისთვის. უახლესი შედეგები, რომლებიც ახლახან გახდა ცნობილი Google-ისთვის, ნაპოვნია &tbs=qdr:1 ფილტრის გამოყენებით.

თუ ჭკვიანური სკრიპტის დაწერა გჭირდებათ, სასარგებლო იქნება იმის ცოდნა, რომ თარიღის დიაპაზონი დაყენებულია Google-ში ჯულიანის ფორმატში daterange ოპერატორის გამოყენებით. მაგალითად, ასე შეგიძლიათ იპოვოთ PDF დოკუმენტების სია სიტყვა კონფიდენციალური, გადმოწერილი 2015 წლის 1 იანვრიდან 1 ივლისამდე.

კონფიდენციალური ფაილის ტიპი:pdf daterange:2457024-2457205

დიაპაზონი მითითებულია იულიუსის თარიღის ფორმატში, წილადი ნაწილის გათვალისწინების გარეშე. მათი ხელით თარგმნა გრიგორიანული კალენდრიდან მოუხერხებელია. თარიღის გადამყვანის გამოყენება უფრო ადვილია.

დამიზნება და ისევ გაფილტვრა

საძიებო მოთხოვნაში დამატებითი ოპერატორების მითითების გარდა, მათი გაგზავნა შესაძლებელია უშუალოდ ბმულის ტექსტში. მაგალითად, filetype:pdf სპეციფიკაცია შეესაბამება კონსტრუქციას as_filetype=pdf. ეს ხელს უწყობს ნებისმიერი განმარტების მოთხოვნას. ვთქვათ, რომ შედეგების გამომავალი მხოლოდ ჰონდურასის რესპუბლიკიდან არის მითითებული საძიებო URL-ში კონსტრუქციის cr=countryHN-ის დამატებით და მხოლოდ ქალაქ ბობრუისკიდან - gcs=Bobruisk. სრული სია შეგიძლიათ ნახოთ დეველოპერის განყოფილებაში.

Google-ის ავტომატიზაციის ხელსაწყოები შექმნილია იმისთვის, რომ გაამარტივოს ცხოვრება, მაგრამ ისინი ხშირად ამატებენ პრობლემებს. მაგალითად, მომხმარებლის ქალაქი განისაზღვრება მომხმარებლის IP-ით WHOIS-ის საშუალებით. ამ ინფორმაციის საფუძველზე Google არა მხოლოდ აბალანსებს დატვირთვას სერვერებს შორის, არამედ ცვლის ძიების შედეგებს. რეგიონიდან გამომდინარე, ერთი და იგივე მოთხოვნის შემთხვევაში, პირველ გვერდზე გამოჩნდება სხვადასხვა შედეგი და ზოგიერთი მათგანი შესაძლოა მთლიანად დამალული იყოს. gl=country დირექტივის შემდეგ ორასოიანი კოდი დაგეხმარებათ თავი იგრძნოთ კოსმოპოლიტად და მოიძიოთ ინფორმაცია ნებისმიერი ქვეყნიდან. მაგალითად, ნიდერლანდების კოდი არის NL, მაგრამ ვატიკანსა და ჩრდილოეთ კორეას არ აქვთ საკუთარი კოდი Google-ში.

ხშირად, ძიების შედეგები გადატვირთულია რამდენიმე მოწინავე ფილტრის გამოყენების შემდეგაც კი. ამ შემთხვევაში მოთხოვნის გარკვევა ადვილია მასში რამდენიმე გამონაკლისი სიტყვის დამატებით (თითოეულის წინ არის მინუს ნიშანი). მაგალითად, საბანკო საქმე, სახელები და სახელმძღვანელო ხშირად გამოიყენება სიტყვა Personal-თან ერთად. ამიტომ, უფრო სუფთა ძიების შედეგები ნაჩვენები იქნება არა მოთხოვნის სახელმძღვანელოს მაგალითით, არამედ დახვეწილი:

სათაური:"ინდექსი /პირადი/" -სახელები -სამეურვეო -საბანკო

ერთი ბოლო მაგალითი

დახვეწილი ჰაკერი იმითაა გამორჩეული, რომ თვითონ უზრუნველყოფს ყველაფერს, რაც სჭირდება. მაგალითად, VPN არის მოსახერხებელი რამ, მაგრამ ან ძვირი, ან დროებითი და შეზღუდვებით. საკუთარი თავის გამოწერაზე დარეგისტრირება ძალიან ძვირია. კარგია, რომ არის ჯგუფური გამოწერები და Google-ის დახმარებით ადვილია გახდე ჯგუფის წევრი. ამისათვის უბრალოდ იპოვეთ Cisco VPN კონფიგურაციის ფაილი, რომელსაც აქვს საკმაოდ არასტანდარტული PCF გაფართოება და ცნობადი გზა: Program Files\Cisco Systems\VPN Client\Profiles. ერთი თხოვნა და თქვენ შეუერთდით, მაგალითად, ბონის უნივერსიტეტის მეგობრულ გუნდს.

ფაილის ტიპი: pcf vpn ან ჯგუფი

ინფორმაცია

პაროლები ინახება დაშიფრულად, მაგრამ მორის მასარდმა უკვე დაწერა პროგრამა მათი გაშიფვრის მიზნით და უფასოდ აწვდის მას thecampusgeeks.com-ის საშუალებით.

Google აწარმოებს ასობით სხვადასხვა ტიპის შეტევებს და შეღწევადობის ტესტებს. არსებობს მრავალი ვარიანტი, რომელიც გავლენას ახდენს პოპულარულ პროგრამებზე, მონაცემთა ბაზის ძირითად ფორმატებზე, PHP-ის მრავალრიცხოვან დაუცველობაზე, ღრუბლებზე და ა.შ. იმის ცოდნა, თუ რას ეძებთ, ბევრად გაგიადვილებთ თქვენთვის საჭირო ინფორმაციის პოვნას (განსაკუთრებით ინფორმაციის, რომლის გასაჯაროებასაც არ აპირებდით). Shodan არ არის ერთადერთი, რომელიც იკვებება საინტერესო იდეებით, არამედ ინდექსირებული ქსელის რესურსების ყველა მონაცემთა ბაზა!

დასაბეჭდი გვერდის შესაქმნელად ორი გზა არსებობს:

1. სპეციალურად გამოიყენეთ ცალკე სკრიპტი მენიუს და არასაჭირო დიზაინის გარეშე გვერდის საჩვენებლად.

2. აჩვენეთ იგივე გვერდი, რომელსაც ჩვენ ვუყურებთ საიტის ნახვისას, მაგრამ სხვადასხვა მხარდაჭერილი სტილით, სადაც იმალება არასაჭირო ელემენტები.

მე მქონდა საშუალება შემექმნა დოკუმენტები (ინვოისები, ინვოისები და ა.შ.) დასაბეჭდად. ამიტომ წავედი პირველი ვარიანტით. მაგრამ ეს მარტივია ჩემს შემთხვევაში. მეორე ვარიანტი უფრო მოქნილი მეჩვენება.

აქ არის ჩემი გამოცდილება, შენიშვნები:

1. მთავარი წესია იყო უფრო მარტივი და ხალხი შენსკენ მიიზიდავს აქ. 🙂 მოკლედ, ნუ გამოიყენებთ მრავალფეროვან დიზაინს. ადამიანმა უბრალოდ უნდა წაიკითხოს ნაბეჭდი ტექსტი, არ არის საჭირო მისი ზედმეტი დიზაინით დატვირთვა. დიახ, და მელნის ნარჩენები პრინტერში.

2. ჩვენ არ ვიყენებთ ფონის სურათებს, ისინი მაინც არ იქნებიან იქ ბეჭდვისას. ან იქნებიან, მაგრამ არა ყველა ბრაუზერში. მსგავსი რაკი მაინც დამემართა.

3. ვცდილობთ გამოვიყენოთ თეთრი ფონი და შავი ტექსტი. თუ პირიქითაა, ბევრ საღებავს დაკარგავ. არა მგონია, საჭირო გახდეს ფერადი ტექსტის გაკეთება - ბევრს მაინც აქვს შავ-თეთრი პრინტერი.

4. თუ გჭირდებათ შემდეგი შინაარსის დაბეჭდვა შემდეგ გვერდზე, ჩადეთ div ბლოკი pagebreak კლასით ამ ტექსტის წინ. ჩვენ აღვწერთ კლასს სტილებით:

გვერდის შეწყვეტა (გვერდის შესვენება შემდეგ: ყოველთვის;)

ტექსტი ამ ბლოკის უკან დაიბეჭდება ახალ გვერდზე. მუშაობს ყველა თანამედროვე ბრაუზერში. და არც თანამედროვე. ერთი IE 7 ვერსიის ჩათვლით ვერ ხერხდება. მაგრამ თქვენ უნდა გაიტანოთ მას!

5. და ასე, დაბეჭდე. მომხმარებელს შეუძლია თავად აირჩიოს პრინტი. შეგიძლიათ ფსონი დადოთ

window.onload = ფუნქცია () ( window.print(); )

და თავად ღილაკი:

ბეჭედი

ეს ღილაკი გამოჩნდება გვერდის დათვალიერებისას, მაგრამ არ დაიბეჭდება, რადგან ჩვენ დავაყენეთ ჩვენება: none; in style for media="print", ანუ საბეჭდი მოწყობილობის სტილში. როდესაც დააჭირეთ ღილაკს, გამოჩნდება ბეჭდვის ფანჯარა.

მათთვის, ვისაც სურს ბეჭდვის პროცესის სუპერ ავტომატიზაცია, ასე რომ, მაგალითად, გავხსნათ გვერდი და პრინტერი მაშინვე იწყებს გვერდის ბეჭდვას - გააცივეთ თქვენი ან ის, ვინც ამას გთხოვს. მე ვერ ვიპოვე ეს მეთოდი. დიახ, ის არ არსებობს. იმიტომ რომ ლოგიკურია. წარმოიდგინეთ, მიდიხართ ვებსაიტზე და ის დაპროგრამებულია javascript-ის საშუალებით ასი გვერდის დასაბეჭდად. და პრინტერი გაბრაზდება და თქვენი ცოდნის გარეშე იწყებს ამ გვერდების ბეჭდვას. ალოგიკური? ალოგიკურია!

ერთ დროს, პროექტის მენეჯერმა გულმოდგინედ მთხოვა ასეთი რამ. მე მომიწია მისთვის ეს ყველაფერი ავუხსნა, მაგალითები მიმეყვანა, რომ მიხვდა, რომ ეს არ შეიძლება და არც არის საჭირო.
6. თუ ვინმე ჩივის, რომ გვერდის მისამართი, სათაური და სხვა სისულელეები ფუტერებში იბეჭდება, ურჩიეთ, დააყენოს ბრაუზერი. ეს არ არის კონფიგურირებადი საიტის მხრიდან. ყოველ შემთხვევაში მე არ ვიცი როგორ. მაგალითად, Firefox-ში ეს კონფიგურირებულია "Print" - "Page Settings" - "Margins and Footers"-ში.

7. სხვათა შორის, წინას გარდა. ვთქვათ, მომხმარებელმა გამორთო ყველა სათაურის და ქვედა კოლონტიტულის ჩვენება, გვერდის მისამართის ჩათვლით. ანუ თუ მომხმარებელი გარკვეული დროის შემდეგ ათვალიერებს ამონაბეჭდს, ვერ გაიგებს რომელი საიტიდან დაბეჭდა. ასე რომ, შესაძლოა ღირდეს მცირე ჩანაწერის გაკეთება რესურსის, გვერდის მისამართის, ლოგოს ან სხვა რამის მითითებით.

8. გამოიყენეთ შრიფტის დიდი ზომა (რა თქმა უნდა, საფუძვლიანად). მთავარია ყველაფერი იკითხებოდეს დაბეჭდვისას.

10. ვფიქრობ, ჩვენ უნდა გამოვიყენოთ მოწყობილობებისგან დამოუკიდებელი ზომები - აბსოლუტური ზომები. მაგალითად in,cm,mm,pt,pc.

11. აქ არის სასარგებლო ბმული http://www.webdevout.net/browser-support-css#css2propsprint. სტილის აღწერილობები შეგიძლიათ იხილოთ ვებსაიტზე http://htmlbook.ru
ზოგადად, გირჩევთ, გაიაროთ CSS თვისებების მთელი სია, თუნდაც გამოცდილი დეველოპერი იყოთ. მე გამიკვირდა, რომ აღმოვაჩინე უცნობი CSS თვისებები და რომ ზოგიერთი CSS თვისება უკვე შეიძლება გამოყენებულ იქნას შიშის გარეშე.

რა თქმა უნდა, ეს არ არის რჩევების სრული სია. ეს მხოლოდ ჩემი აზრებია.

რომელშიც მან მიუთითა, რომ მათი შეკვეთის დეტალების გვერდები გამოუსადეგარი იყო დაბეჭდილი სახით.

გაოგნებული დავრჩი, როდესაც ვნახე ეს ტვიტი - მივხვდი, რომ დიდი ხანია, რაც სტილების ოპტიმიზაციას ვაკეთებდი ბეჭდვისთვის და არც კი მიფიქრია მათ შემოწმებაზე.

ეს შეიძლება იყოს იმის გამო, რომ დიდ დროს ვხარჯავ ბრაუზერის ფანჯრის ზომის შეცვლაზე, რათა დავრწმუნდე, რომ ჩემი საიტები იდეალურად მუშაობენ ყველა ზომისა და ფორმისთვის, ან შესაძლოა იმიტომ, რომ იშვიათად ვბეჭდავ გვერდებს ჩემთვის. მიზეზების მიუხედავად, პრინტის სტილები სრულიად დამავიწყდა და ეს ცუდია.

ვებ გვერდების დასაბეჭდად ოპტიმიზაცია მნიშვნელოვანია, რადგან გვერდების ბეჭდვით ჩვენ საიტს მაქსიმალურად ხელმისაწვდომს ვხდით, განურჩევლად გარემოსა. ჩვენ არ უნდა გავაკეთოთ ვარაუდები ჩვენი მომხმარებლებისა და მათი ქცევის შესახებ. ხალხი აგრძელებს ვებგვერდების ბეჭდვას. იფიქრეთ სტატიებზე, ბლოგზე პოსტებზე, რეცეპტებზე, საკონტაქტო ინფორმაციას, რუკაზე ან უძრავი ქონების საიტებზე. ვიღაც აუცილებლად შეეცდება დაბეჭდოს თქვენი რომელიმე გვერდი რაღაც მომენტში.

დიდი ხნის წინ უარი ვთქვი სახლის პრინტერებზე, რადგან ისინი ყოველთვის იშლებოდნენ 10 წუთის გამოყენების შემდეგ. მაგრამ ყველა ჩემნაირი არ არის. - Haydon Pickering (ინკლუზიური დიზაინის ნიმუშები)

თუ თქვენ აღმოჩნდებით მსგავს პოზიციაზე, ეს პოსტი დაგეხმარებათ სწრაფად განახლებაში. თუ არ გაგიკეთებიათ თქვენი გვერდების ოპტიმიზაცია დასაბეჭდად, შემდეგი რჩევები დაგეხმარებათ დაწყებაში.

1. სტილის დამაკავშირებელი ბეჭდვისთვის

საუკეთესო გზა ბეჭდვისთვის სტილის ჩართვის არის @media დირექტივის გამოცხადება თქვენს CSS-ში.

ტექსტი ( შრიფტის ზომა: 18 პიქსელი; ) @media print ( /* ბეჭდვის სტილები გადადით აქ */ ტექსტი ( შრიფტის ზომა: 28 პიქსელი; ) )

ალტერნატიულად, შეგიძლიათ შეიტანოთ სტილები HTML-ში, მაგრამ ამას დასჭირდება დამატებითი HTTP მოთხოვნა.

2. ტესტირება

თქვენ არ გჭირდებათ გვერდის დაბეჭდვა ყოველ ჯერზე, როდესაც სტილში მცირე ცვლილებას შეცვლით. თქვენი ბრაუზერიდან გამომდინარე, შეგიძლიათ გვერდის ექსპორტი PDF-ში, გამოიყენოთ ბეჭდვის გადახედვა ან გამართვა პირდაპირ ბრაუზერში.

Firefox-ში ბეჭდვის სტილის გამართვისთვის გახსენით განვითარების პანელი (Shift + F2 ან Tools > Web Developer > Developer Toolbar), ჩაწერეთ media emulate print შეყვანის ველში და დააჭირეთ Enter. აქტიური ჩანართი იქცევა ისე, თითქოს მედიის ტიპი დაიბეჭდა ხელახლა ჩატვირთვამდე.

ბეჭდვის სტილის ემულაცია Firefox-ში

Chrome-ში გახსენით დეველოპერის ხელსაწყოები (CMD + Opt + I (macOS) ან Ctrl + Shift + I (Windows) ან View > Developer > Developer Tools) და გახსენით კონსოლი, გახსენით რენდერის პანელი და აირჩიეთ Print from Emulate CSS მედია მენიუ.

Chrome-ში ბეჭდვის სტილის ემულაცია

3. საზომი აბსოლუტური ერთეულები

აბსოლუტური ერთეულები ცუდია ეკრანზე, მაგრამ შესანიშნავია დასაბეჭდად. ბეჭდვის სტილში მათი გამოყენება სრულიად უსაფრთხოა და რეკომენდირებულია ისეთი ერთეულების გამოყენებაც, როგორიცაა cm, mm, in, pt ან pc.

განყოფილება (ზღვარი-ქვედა: 2 სმ;)

4. გვერდების სპეციფიკური წესები

თქვენ შეგიძლიათ დააყენოთ დაბეჭდილი გვერდისთვის დამახასიათებელი თვისებები, როგორიცაა მისი ზომები, ორიენტაცია და შიგთავსი @page დირექტივის გამოყენებით. ეს ძალიან მოსახერხებელია, თუ გსურთ, რომ ყველა გვერდს ჰქონდეს გარკვეული შეწევა.

@media print ( @გვერდი ( ზღვარი: 1 სმ; ) )

@page დირექტივა არის Paged Media Module სპეციფიკაციის ნაწილი, რომელსაც აქვს შესანიშნავი თვისებები, როგორიცაა პირველი გვერდის ამოსაბეჭდად ან ცარიელი გვერდების არჩევის შესაძლებლობა, ელემენტების განთავსება გვერდის კუთხეში და მრავალი სხვა. ეს შეიძლება გამოყენებულ იქნას წიგნების დასაბეჭდადაც კი.

5. გვერდის დარღვევის მართვა

იმის გამო, რომ დაბეჭდილი გვერდები, ვებ გვერდებისგან განსხვავებით, არ არის უსასრულო, შინაარსი დაყოფილი იქნება გვერდებს შორის. ჩვენ გვაქვს 5 თვისება, რომ ვაკონტროლოთ როგორ ხდება ეს.

გვერდის შესვენება ელემენტამდე.

თუ გვინდა, რომ ელემენტი ყოველთვის იყოს გვერდის დასაწყისში, ჩვენ შეგვიძლია ვაიძულოთ გვერდის შეწყვეტა გვერდის შესვენების წესის გამოყენებით.

განყოფილება (გვერდის შესვენება-წინა: ყოველთვის;)

გვერდის შესვენება ელემენტის შემდეგ.

გვერდის შეწყვეტის წესი საშუალებას გვაძლევს ვაიძულოთ ან გამორთოთ გვერდის წყვეტები ელემენტის შემდეგ.

H2 (გვერდის შესვენება შემდეგ: ყოველთვის;)

გვერდის შესვენება ელემენტის შიგნით

ეს თვისება სასარგებლოა, თუ თქვენ გჭირდებათ გვერდის შესვენების თავიდან აცილება ელემენტში.

Ul (გვერდის შესვენება შიგნით: თავიდან აცილება;)

ქვრივები და ობლები (ჩაკიდებული ხაზები)

ზოგჯერ თქვენ არ გჭირდებათ კონტროლი გვერდის წყვეტებზე, მაგრამ გჭირდებათ კონტროლი იმაზე, თუ რამდენი ხაზი გამოჩნდება მიმდინარე გვერდზე და რამდენი შემდეგ გვერდზე. მაგალითად, თუ აბზაცის ბოლო სტრიქონი არ ჯდება მიმდინარე გვერდზე, ის მომდევნო გვერდზე გადაინაცვლებს წინაბოლო გვერდზე. ეს იმიტომ ხდება, რომ შესაბამისი widows თვისება ნაგულისხმევად არის 2. ჩვენ შეგვიძლია შევცვალოთ იგი.

P (ქვრივები: 4;)

თუ ამ პრობლემის მეორე მხარეს შევხვდებით და აბზაცის მხოლოდ პირველი სტრიქონი ჯდება მიმდინარე გვერდზე, მაშინ მთელი აბზაცი დაიწყება მომდევნო გვერდზე. ამაზე პასუხისმგებელია ობლების ქონება და მისი ნაგულისხმევი ღირებულება 2.

P (ობლები: 3;)

ეს კოდი ნიშნავს, რომ მინიმუმ 3 სტრიქონი უნდა მოთავსდეს მიმდინარე გვერდზე ისე, რომ აბზაცი არ გადავიდეს შემდეგზე.

ყველა ეს თვისება და მნიშვნელობა არ მუშაობს ყველა ბრაუზერში, თქვენ უნდა შეამოწმოთ ბეჭდვის სტილი სხვადასხვა ბრაუზერში.

6. სტილის გადატვირთვა

აზრი აქვს ზოგიერთი სტილის გადატვირთვას, როგორიცაა ფონის ფერი, ყუთი-ჩრდილი და ფერი დასაბეჭდად.

*, *: ადრე, *: შემდეგ, *: პირველი ასო, p: პირველი ხაზი, div: პირველი ხაზი, დაბლოკვის ციტატა: პირველი ხაზი, li: პირველი ხაზი ( ფონი: გამჭვირვალე !მნიშვნელოვანი; ფერი: #000 !მნიშვნელოვანი;

ბეჭდვის სტილები ერთ-ერთია იმ რამდენიმე გამონაკლისიდან, სადაც საკვანძო სიტყვის!მნიშვნელოვანი სიტყვის გამოყენება კარგია.

7. არასაჭირო შინაარსის ამოღება

მელნის გაფუჭების თავიდან ასაცილებლად, თქვენ უნდა მოაშოროთ არასაჭირო ნივთები - დიზაინის ელემენტები, რეკლამა, ნავიგაცია და ა.შ. დისპლეის გამოყენებით: არცერთი თვისება.

თქვენ შეგიძლიათ ძირითადად აჩვენოთ მხოლოდ ძირითადი შინაარსი და დამალოთ ყველაფერი:

Body > *:not(main) (ჩვენება: არცერთი;)

8. დაბეჭდეთ ბმულის მისამართები

A:after ( შინაარსი: " (" attr(href) ")";)

რა თქმა უნდა, ყველაფერი ასე იქნება ნაჩვენები: ფარდობითი ბმულები, აბსოლუტური ბმულები, წამყვანები და ა.შ. შემდეგი ვარიანტი უკეთესად იმუშავებს:

A:not():after ( შინაარსი: " (" attr(href) ")";)

გიჟურად გამოიყურება, ვიცი. ამ ხაზების მუშაობის წესი არის href ატრიბუტის მნიშვნელობის ჩვენება ნებისმიერი ბმულის გვერდით, რომელსაც აქვს ის, თუ ის იწყება http-ით, მაგრამ არ მიუთითებს ჩვენს mywebsite.com-ზე.

9. ბეჭდვის შემოკლებები

აბრევიატურები უნდა იყოს შეფუთული ელემენტით სათაურის ატრიბუტში გაშიფვრის მითითებით. აზრი აქვს ამის დაბეჭდვას.

Abbr:after ( შინაარსი: " (" attr(სათაური) ")";)

10. ფონის დაბეჭდვა

ბრაუზერები, როგორც წესი, არ ბეჭდავენ ფონის ფერს და ფონის სურათებს, თუ ამას პირდაპირ არ აცხადებთ. არსებობს არასტანდარტიზებული print-color-adjust თვისება, რომელიც საშუალებას გაძლევთ გადააცილოთ ნაგულისხმევი პარამეტრები ზოგიერთ ბრაუზერში.

ჰედერი ( -webkit-print-color-adjust: ზუსტი; print-color-adjust: ზუსტი; )

11. მედია მოთხოვნები

თუ თქვენ წერთ მედია მოთხოვნებს, როგორიცაა შემდეგი მაგალითი, გახსოვდეთ, რომ ამ მედია მოთხოვნის სტილები არ იქნება გამოყენებული დაბეჭდვისას.

@media ეკრანი და (წთ. სიგანე: 48 მმ) ( /* მხოლოდ ეკრანი */ )

რატომ, გეკითხებით? იმის გამო, რომ CSS წესები გამოიყენება მხოლოდ მაშინ, როდესაც ორივე პირობა დაკმაყოფილებულია: min-width არის 48em, მედიის ტიპი არის ეკრანი. თუ ჩვენ მოვიშორებთ ეკრანის საკვანძო სიტყვას, მედია მოთხოვნა მხოლოდ მინ-სიგანის მნიშვნელობას გაითვალისწინებს.

@media (წთ. სიგანე: 48 მმ) ( /* ყველა ტიპის მედია */ )

12. ბარათების ბეჭდვა

Firefox-ისა და Chrome-ის ამჟამინდელ ვერსიებს შეუძლიათ რუკების დაბეჭდვა, მაგრამ Safari-ს არ შეუძლია. ზოგიერთი სერვისი გთავაზობთ სტატიკურ რუკებს, რომელთა დაბეჭდვა შესაძლებელია ორიგინალის ნაცვლად.

რუკა (სიგანე: 400 პიქსელი; სიმაღლე: 300 პიქსელი; ფონის სურათი: url("http://maps.googleapis.com/maps/api/staticmap?center=Wien+Floridsdorf&zoom=13&scale=false&size=400x300&maptype=atrefresh=roadmap "); -webkit-print-color-adjust: ზუსტი; print-color-adjust: ზუსტი;)

13. QR კოდები

დანამატი 2: გუტენბერგი

თუ თქვენ ეძებთ ჩარჩოს, შეიძლება მოგეწონოთ გუტენბერგი, რაც აადვილებს თქვენი გვერდების ოპტიმიზაციას.

დანართი 3: ჰარტია

ეს არის კიდევ ერთი ჩარჩო ბეჭდვის სტილის შესაქმნელად

ბევრ საიტს აქვს გვერდის დასაბეჭდი ვერსიის ჩვენების შესაძლებლობა, მაგრამ ყოველთვის მოსახერხებელია მათი გამოყენება?

დოკუმენტის ბეჭდვისას მთავარი პრობლემაა ცუდი ტიპოგრაფია, არასაჭირო ინფორმაციის არსებობა (მაგალითად, ინტერფეისის ელემენტები) და არასწორი ფერები. სტილისთვის შეგიძლიათ გამოიყენოთ წესი @მედია:

@media print()

თუ მომხმარებელს სურს დაბეჭდოს გვერდი ეკრანზე გამოსახული დიზაინით, იღებს სკრინშოტს და ბეჭდავს. დასაბეჭდი ვერსია შექმნილია ფურცლიდან ტექსტის მარტივი და კომფორტული წასაკითხად. ამიტომ, უპირველეს ყოვლისა, აუცილებელია გვერდიდან ყველა არასაჭირო ნივთის ამოღება: მენიუ, მასიური სათაური ან ქვედა კოლონტიტული, ფონის სურათები და ა.შ., დარჩეს მხოლოდ აუცილებელი: სათაურები, სურათებით შინაარსი, საიტის ლოგო, გვერდის URL. მაგალითად, ეს კოდი მალავს H1 სათაურებს, ასევე საიტის გვერდითა ზოლს, სათაურს და ქვედა კოლონტიტულს:

H1, div#header, div#sidebar, div#footer (ჩვენება: არცერთი; )

გვერდის წესების დაბეჭდვა

2. პიქსელის ზომების მინიჭებისას შეიძლება იყოს შეუსაბამობები დაბეჭდილ გვერდსა და ეკრანზე მის ჩვენებას შორის. აქედან გამომდინარე, ღირს ინჩის, სანტიმეტრის ან პროცენტების გამოყენება.

3. შემდეგი კოდის გამოყენებით, თქვენ შეგიძლიათ აჩვენოთ სრული URL ჰიპერბმულის ნაცვლად, რადგან თქვენ ვერ შეძლებთ დააწკაპუნოთ ფურცელზე:

A: შემდეგ (შინაარსი:"<" attr(href) ">";

კოდის ოდნავ შეცვლით, თქვენ შეგიძლიათ დაამატოთ URL-ის ჩვენება მხოლოდ გარე ბმულებზე:

A: შემდეგ (შინაარსი:"<" attr(href) ">";

4. დიდი ტექსტებისთვის, ნაწილებად დაყოფა ზოგჯერ შესაფერისი იქნება. შემდეგი კოდი არღვევს შიგთავსს H3-ის თითოეულ სათაურზე და იბეჭდება ახალ გვერდზე:

H3 (გვერდის შესვენება-წინა: ყოველთვის;)

და ეს კოდი დაგეხმარებათ ამობეჭდოთ თითოეული სტატია ახალი გვერდიდან, ის შეიძლება სასარგებლო იყოს ბლოგის პოსტების სიის დაბეჭდვისას:

სტატია + სტატია (გვერდის შესვენება-ადრე: ყოველთვის; )

5. მიზანშეწონილია მუქი ან ნათელი დიზაინის მქონე საიტების სტილის გადანაწილება სტანდარტულ ფერთა სქემზე - შავი ტექსტი თეთრ ფონზე. ეს მოსახერხებელია როგორც წაკითხვისთვის, ასევე მომხმარებლის პრინტერში სახარჯო მასალის შესანახად.

სწორი ჩვენება

* ( -webkit-print-color-adjust: ზუსტი;)

როგორ გამოიყურება მოქმედებაში:

ბეჭდვის ხარისხი

შემდეგი CSS-ით:

სათაური (ფონი: #000; ფერი: #fff; padding: 1rem; შრიფტი-ოჯახი: Avenir, Arial, sans-serif;)

ბრაუზერი შეეცდება აღადგინოს დასაბეჭდი ვერსია ნორმალურად:

თუ გვერდზე არის სურათი, მაგალითად ლოგო, მაშინ ბრაუზერი არანაირად არ ასწორებს მას და შედეგი საშინელია:

ყველაფერი კიდევ უფრო უარესად გამოიყურება, თუ ვექტორული გამოსახულება გამჭვირვალედ გამოიყენება ლოგოდ:

თქვენ შეგიძლიათ თავიდან აიცილოთ ეს საშინელება CSS3 ფილტრის გამოყენებით:

@media print ( header (ფონი: არცერთი; ფერი: #000; ) header img ( -webkit-filter: invert(100%); filter: invert(100%); ) )

გამოდის:

Firefox-ისთვის შეგიძლიათ გამოიყენოთ SVG:

@media print ( header (ფონი: არცერთი; ფერი: #000; ) header img (ფილტრი: url(inverse.svg#negative); -webkit-filter: invert(100%); filter: invert(100%); ) )

IE9 გადაწყვეტისთვის

• თარგმანი

3. საზომი აბსოლუტური ერთეულები

განყოფილება (ზღვარი-ქვედა: 2 სმ;)

4. გვერდის თვისებები

@media print ( @გვერდი ( ზღვარი: 1 სმ; ) )
@page წესი არის Paged Media Module სტანდარტის ნაწილი, რომელიც გთავაზობთ უამრავ საინტერესო რამეს, როგორიცაა დასაბეჭდად პირველი გვერდის არჩევა, ცარიელი გვერდების დაყენება, ელემენტების განლაგება გვერდის კუთხეებში და . მისი გამოყენება შესაძლებელია წიგნების დასაბეჭდად მოსამზადებლადაც კი.

5. გვერდის დარღვევის მართვა

▍გვერდის შესვენება ელემენტამდე

განყოფილება (გვერდის შესვენება-წინა: ყოველთვის;)

▍გვერდის შესვენება ელემენტის შემდეგ

H2 (გვერდის შესვენება შემდეგ: ყოველთვის;)

▍გვერდის შესვენება ელემენტში

Ul (გვერდის შესვენება შიგნით: თავიდან აცილება;)

▍ ზედა და ქვედა ჩამოკიდებული ხაზები

მაგალითად, თუ აბზაცის ბოლო სტრიქონი მიმდინარე გვერდზე არ ჯდება, ამ აბზაცის ბოლო ორი სტრიქონი დაიბეჭდება შემდეგ გვერდზე. ეს იმიტომ ხდება, რომ თვისება, რომელიც აკონტროლებს ამას (ქვრივები, ანუ „ზედა დაკიდებული რიგები“) ნაგულისხმევად არის დაყენებული 2-ზე.

P (ქვრივები: 4;)
თუ სხვა სიტუაცია მოხდა და აბზაცის მხოლოდ ერთი სტრიქონი ჯდება მიმდინარე გვერდზე, მთელი აბზაცი დაიბეჭდება შემდეგ გვერდზე. საკუთრება, რომელიც პასუხისმგებელია ქვედა ჩამოკიდებულ ხაზებზე (ობლები) ასევე დაყენებულია 2-ზე ნაგულისხმევად.

P (ობლები: 3;)
ზემოაღნიშნული კოდის აზრი იმაში მდგომარეობს, რომ იმისათვის, რომ მთელი აბზაცი არ გადაიტანოს შემდეგ გვერდზე, მინიმუმ სამი ხაზი უნდა მოთავსდეს მიმდინარე გვერდზე.

ამის უკეთ გასაგებად, გადახედეთ CodePen-ის გამოყენებით მომზადებულ მაგალითს. და აქ არის იგივე მაგალითის გამართვის ვერსია, უფრო მოსახერხებელია ტესტირება.

*, *: ადრე, *: შემდეგ, *: პირველი ასო, p: პირველი ხაზი, div: პირველი ხაზი, დაბლოკვის ციტატა: პირველი ხაზი, li: პირველი ხაზი ( ფონი: გამჭვირვალე !მნიშვნელოვანი; ფერი: #000 !მნიშვნელოვანი;
სხვათა შორის, ბეჭდვის CSS სტილები ერთ-ერთია იმ რამდენიმე გამონაკლისიდან, სადაც! მნიშვნელოვანი დირექტივა აბსოლუტურად ნორმალურია ;)

7. არასაჭირო შინაარსის ამოღება

Body > *:not(main) (ჩვენება: არცერთი;)

8. ბმული მისამართების ჩვენება

იმისათვის, რომ აჩვენოთ ბმულის მისამართები მათი ტექსტის წარმოდგენის შემდეგ, უბრალოდ გამოიყენეთ შემდეგი სტილი:

A:after ( შინაარსი: " (" attr(href) ")";)
რა თქმა უნდა, ამ მიდგომით, ბევრი არასაჭირო რამ "გაშიფრული" იქნება. მაგალითად, ფარდობითი ბმულები, აბსოლუტური ბმულები იმავე საიტზე, როგორც დაბეჭდილი გვერდი, წამყვანი ბმულები და ა.შ. დაბეჭდილი გვერდი რომ არ დაიშალოს, უკეთესი იქნება მსგავსი რამ გამოვიყენოთ:

A:not():after ( შინაარსი: " (" attr(href) ")";)
გიჟურად გამოიყურება, რა თქმა უნდა. ამიტომ, მე განვმარტავ ამ წესის მნიშვნელობას ჩვეულებრივ ენაზე: „აჩვენეთ href ატრიბუტის მნიშვნელობა თითოეული ბმულის გვერდით, რომელსაც აქვს ატრიბუტი, რომელიც იწყება http-ით, მაგრამ არ შეიცავს mywebsite.com-ს“.

9. დეკოდირების აბრევიატურები