თუ თქვენ ოდესმე შევხედე HTML ელემენტების ჩამონათვალს, თქვენ შეიძლება აღმოჩნდეთ საკუთარ თავს, "რა არის ბლოკნოტი?" ბლოკნოტის ელემენტი არის HTML tag წყვილი, რომელიც გამოიყენება ხანგრძლივი ციტატების განსაზღვრისათვის. აქ არის განმარტება ამ ელემენტის მიხედვით W3C HTML5 სპეციფიკაცია:
ბლოკნოტის ელემენტი წარმოადგენს განყოფილებას, რომელიც სხვა წყაროდან ციტირებულია.
როგორ გამოვიყენოთ ბლოკნოტი თქვენს ვებ-გვერდებზე
როდესაც თქვენ ვებ გვერდში წერილს ვწერ და ამ გვერდის განლაგებას შევქმნით, ხანდახან მინდა გამოგიგზავნოთ ტექსტი ბლოკად, როგორც ციტატა.
ეს შეიძლება იყოს ციტატა სადმე სხვაგან, როგორც მომხმარებელთა ჩვენებები, რომელიც თან ახლავს საქმის შესწავლის ან პროექტის წარმატების ისტორიას. ეს შეიძლება იყოს დიზაინის მკურნალობა, რომელიც იმეორებს ზოგიერთი მნიშვნელოვან ტექსტს სტატიიდან ან შინაარსიდან. გამოქვეყნებისას, ეს ხშირად უწოდებენ გამჭვირვალე კოდს , ვებ დიზაინში, ამ მიზნის მიღწევის ერთ-ერთ გზას (და ამ მუხლში დაფარვის გზას) ეწოდება ბლოკნოტს.
მოდით შევხედოთ, თუ როგორ გამოიყენებდით ბლოკნოტის ტეგს, რომ განისაზღვროს ხანგრძლივი ციტატები, როგორებიცაა: "ჯაბერბუკიკი"
"Twas brillig და slithey toves
გერი და gimble wabe:
ყველა mimsy იყო borogoves,
და დედამიწის raths outgrabe.
(ლევი კეროლი)
მაგალითი გამოყენების ბლოკნოტი Tag
ბლოკნოტის ტეგი არის სემანტიკური ნიშანი, რომელიც ეუბნება ბრაუზერს ან მომხმარებლის აგენტს, რომ შინაარსი ხანგრძლივი ციტატაა. თქვენ არ უნდა დაამატოთ ტექსტი, რომელიც ბლოკნოტის ტეგებში არ არის ციტატა. გაითვალისწინეთ, რომ "ციტატა" ხშირია სიტყვებით, რომ ვინმეს თქვა ან ტექსტის გარე წყაროდან (როგორც ამ სტატიაში ლუის კეროლი ტექსტი), ეს შეიძლება იყოს წინწიგნი კონცეფცია, რომელიც ჩვენ ადრე დავფარეთ.
როცა ფიქრობთ, რომ ეს უკანასკნელი არის ტექსტის ციტატა, ის მხოლოდ იმავე სტატიიდან იწყება, რომელიც ციტირებას ახდენს.
ყველაზე ვებ ბრაუზერები დაამატეთ ზოგიერთი indenting (დაახლოებით 5 ფართები) ორივე მხარეს blockquote რათა ის გამოირჩევა მიმდებარე ტექსტი. ზოგიერთი უკიდურესად ძველი ბრაუზერი შესაძლოა ციტირებული ტექსტის ციტირებას ახდენს.
გახსოვდეთ, რომ ეს უბრალოდ ბლოკნოტის ელემენტის ნაგულისხმევი სტილის. CSS- ზე, თქვენ გაქვთ საერთო კონტროლი, თუ როგორ გამოჩნდება ბლოკნოტი. თქვენ შეგიძლიათ გაზარდოთ ან წაშლაც კი, წაშალოთ ფონის ფერები ან გაზარდოთ ტექსტის ზომა შემდგომი გამოძახებით. თქვენ შეგიძლიათ მოიძიოთ ეს ციტატი გვერდის ერთ მხარეს და სხვა ტექსტის გადატანა მასზე, რომელიც ჩვეულებრივ ვიზუალურ სტილს იყენებს დაბეჭდილი ჟურნალებისთვის. თქვენ გაქვთ კონტროლი ბლოკნოტის გამოჩენა CSS- ით, რაღაცას ცოტა უფრო მოკლედ განვიხილავთ. ახლავე, მოდი გავითვალისწინოთ, თუ როგორ დაამატოთ ციტირება HTML- ის მარკუსში.
თქვენი ტექსტის ბლოკნოტის დასამატებლად ტექსტს უბრალოდ აკრიფოთ ტექსტი, რომელიც ციტატაა შემდეგი ტეგით -
მაგალითად:
"Twas brillig და slithey toves
გერი და gimble wabe:
ყველა mimsy იყო borogoves,
და დედამიწის raths outgrabe.
როგორც ხედავთ, თქვენ უბრალოდ დაამატეთ ბლოკნოტის ტეგების წყვილი ციტატების შინაარსის გარშემო. ამ მაგალითში, ჩვენ ასევე გამოიყენება გარკვეული შესვენების ტეგები (
) დაამატოთ ერთჯერადი ხაზის შეწყვეტა ტექსტის შესაბამისი შიგნით. ეს იმიტომ, რომ ჩვენ ხელახლა აღწერს ტექსტს ლექსს, სადაც ეს კონკრეტული შესვენებები მნიშვნელოვანია. თუ თქვენ შექმენით მომხმარებელთა ტესტირების ციტირება და ხაზები არ არის საჭირო კონკრეტული ნაწილის შესვენება, თქვენ არ გსურთ ამ შესვენების ტეგები დაამატოთ და დაუშვას ბრაუზერის გადატანა და შესვენება საჭიროების მიხედვით ეკრანის ზომაზე.
არ გამოიყენოთ ბლოკნოტი ტექსტის ჩასმა
მრავალი წლის განმავლობაში ადამიანები ბლოკნოტის ტეგით იყენებდნენ, თუ მათ სურდათ ტექსტის შეყვანა მათი ვებგვერდზე, მაშინაც კი, თუ ტექსტი არ იყო პლეხტოტე. ეს არის ცუდი პრაქტიკა! თქვენ არ გსურთ გამოიყენოთ ბლოკნოტის სემანტიკა მხოლოდ ვიზუალური მიზეზების გამო. თუ საჭიროა ტექსტის შეყვანა, უნდა გამოიყენოთ სტილის ფურცლები და ბლოკნოტის ტეგები (თუ, რა თქმა უნდა, თუ რას აპირებთ შეყვანის ციტატა!). სცადეთ ამ კოდის ჩასმა თქვენს ვებ გვერდზე, თუ თქვენ ცდილობთ უბრალოდ დაამატოთ აბზაცი:
ეს იქნება ტექსტი, რომელიც შეფუთულია.
შემდეგი, თქვენ კლასს კლასში CSS სტილით
.indented {
padding: 0 10px;
}
ეს დასძენს 10 pixels of padding ორივე მხარეს პარაგრაფი.
ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია Jeremy Girard on 5/8/17.