მონიშნეთ ციტატა html-ში. ულამაზესი wordpress ციტატის გამომავალი css და დანამატით

გამარჯობა მეგობრებო!

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

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

სამ მიზეზს მოგიყვან:

  1. თქვენ აჩვენებთ მკითხველს, რომ ტექსტის ეს ნაწილი ციტატაა. ეს აუცილებელია იმ პირის საავტორო უფლებების პატივისცემისთვის, რომელსაც თქვენ ციტირებთ. მეორეს მხრივ, ავტორიტეტულ ავტორთან დაკავშირება წონას მატებს თქვენს სტატიას.
  2. საძიებო სისტემებს „უყვართ“ უნიკალური ტექსტები და თუ ციტატა არასწორად არის დაფორმატებული, ის ჩაითვლება პლაგიატად, ხოლო საიტის რეიტინგი დაიკლებს, მისი პოზიცია ძიებაში დაიკლებს.
  3. განსაკუთრებული სახის ციტატები ტექსტს უფრო მრავალფეროვან და მიმზიდველს ხდის. უფრო ადვილია წასაკითხი.

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

CSS სტილის რედაქტირება

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

სწორედ ეს ტეგი იდება კოდში, თუ ღილაკს ვიყენებთ in

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

ამ ფაილის რედაქტირება შესაძლებელია ორი გზით:

  1. ჩამოტვირთეთ იგი FTP კლიენტის გამოყენებით სერვერიდან თქვენს კომპიუტერში, გახსენით, შეიტანეთ ცვლილებები და ატვირთეთ ხელახლა. ფაილი სტილი.cssმდებარეობს wp-content/themes/your_theme/style.css.
  2. შეგიძლიათ გამოიყენოთ ჩაშენებული კოდის რედაქტორი WordPress-ში. WP მართვის პანელში გასახსნელად აირჩიეთ გარეგნობა - რედაქტორი. სამწუხაროდ, ეს რედაქტორი არ აჩვენებს ხაზების ნომრებს, რაც ართულებს მის პოვნას.

ფაილში ცვლილებების შეტანამდე სტილი.css, შეცვალეთ კოდი ბრაუზერში გუგლ ქრომიან მსგავსი ბრაუზერში Mozilla Firefox. ამ ხელსაწყოებით, თქვენ დაუყოვნებლივ შეგიძლიათ ვიზუალურად ნახოთ, როგორ გამოიყურება ციტატა თქვენს საიტზე.

ციტატის დიზაინის მაგალითები

ციტატა ბრჭყალებით

ეს სიმბოლო ზოგადად მიღებულად ითვლება ციტატების აღსანიშნავად, ამიტომ იგი ყველაზე ხშირად გამოიყენება. ციტატების ჩასმა შესაძლებელია სურათის გამოყენებით, რაც უფრო ხშირია, ან ამის გაკეთება შეგიძლიათ სიმბოლოების კოდის გამოყენებით "\201C", რომელიც ნაჩვენებია მაგალითში.

აი სურათი

და აქ არის შესაბამისი კოდი

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 დაბლოკვის ციტატა ( ფონი: არ განმეორდება გადახვევა 0 0 #fea; ფერი: #009a82; შრიფტის ოჯახი: Georgia,serif; შრიფტის ზომა: 18px; შრიფტის სტილი: დახრილი; ხაზის სიმაღლე: 1.45; padding: 1.25em 50px; პოზიცია : შედარებითი; სიგანე: 750 პიქსელი; ) დაბლოკვის ციტატა: ადრე (ფერი: #009a82; შინაარსი: "\201C"; ეკრანი: ბლოკი; შრიფტის ზომა: 60 პიქსელი; მარცხნივ: 1 პიქსელი; პოზიცია: აბსოლუტური; ზედა: 1 პიქს; )

დაბლოკვის ციტატა ( ფონი: არ განმეორდება გადახვევა 0 0 #fea; ფერი: #009a82; შრიფტის ოჯახი: Georgia,serif; შრიფტის ზომა: 18px; შრიფტის სტილი: დახრილი; ხაზის სიმაღლე: 1.45; padding: 1.25em 50px; პოზიცია : შედარებითი; სიგანე: 750 პიქსელი; ) დაბლოკვის ციტატა: ადრე (ფერი: #009a82; შინაარსი: "\201C"; ეკრანი: ბლოკი; შრიფტის ზომა: 60 პიქსელი; მარცხნივ: 1 პიქსელი; პოზიცია: აბსოლუტური; ზედა: 1 პიქს; )

  • ამ კოდში მეორე სტრიქონზე #ფეა- ფონის ფერი, შეგიძლიათ შეცვალოთ იგი საკუთარზე,
  • მე -3 ხაზი - შრიფტის ფერი,
  • 4, 5, 6, 7 - შრიფტის ვარიანტები,
  • 8, 9 - ფრაგმენტის პოზიცია,
  • 10 - ბლოკის სიგანე, ის შეიძლება იყოს მითითებული პროცენტულად, მაგალითად, 90%.
  • 13 - ფერი,
  • 16 - ზომა,
  • 17-19 - პოზიცია.

ყუთის შერჩევა

აი მაგალითი:

და აქ არის მარტივი CSS კოდი მისთვის:

1 2 3 4 5 6 7 ბლოკის ციტატა (ფერი: #333; შრიფტი-ოჯახი: Verdana, Geneva, sans-serif; კონტური: 1px წყვეტილი #999; ფონი: #F8F4AB; padding: 10px 20px; )

ბლოკის ციტატა (ფერი: #333; შრიფტი-ოჯახი: Verdana, Geneva, sans-serif; კონტური: 1px წყვეტილი #999; ფონი: #F8F4AB; padding: 10px 20px; )

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

WP-Note დანამატი ბლოგის ფრაგმენტების სტილისთვის

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

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

WP-Note Plugin Tags


დანამატის რედაქტირება

თუ არ მოგწონთ ნაგულისხმევი დიზაინის ვარიანტები ან არ შეესაბამება თქვენი საიტის დიზაინს, შეგიძლიათ შეცვალოთ ისინი. მაგრამ ამისთვის უკვე მოგიწევთ ცვლილებების შეტანა სტილის ფაილში. შეგიძლიათ იპოვოთ ის wp-content/plugins/wp-note/style.css.

თქვენ ასევე შეგიძლიათ გამოიყენოთ ჩაშენებული WordPress რედაქტორი. ამისათვის საკონტროლო პანელში აირჩიეთ დანამატები - რედაქტორი, შემდეგ ჩამოსაშლელ სიაში მარჯვნივ ვიპოვით Wp-note და დააჭირეთ ღილაკს აირჩიეთ, გამოჩნდება ყველა დანამატის ფაილის სია.

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

Მალე გნახავ!

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

AT ბლოგერიდაამატეთ კოდი HTML/Javascript გაჯეტში დიზაინის ჩანართში. თუ იყენებთ თქვენს ბლოგზე ერთ-ერთ უახლეს თემას (Emporio, Contempo, Soho, Notable), მაშინ არ დაგავიწყდეთ ვიჯეტის ხილვადობის გააქტიურება (მონიშნეთ "ხილული ყველასთვის", "აჩვენეთ "HTML/JavaScript" ვიჯეტი ").
Ზე Wordpressდაამატეთ კოდი ტექსტის ვიჯეტში.

ავტორი: ივანოვა ნატალია

2019-03-03

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

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

მზა ღია ბარათების მომსახურება

შექმენით საფოსტო ბარათი 8 მარტი ონლაინ

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

  1. Canva არის ცნობილი ფუნქციური ფოტო რედაქტორი. აქ ნახავთ ბევრ შაბლონს. რეგისტრაცია აუცილებელია.
  2. Printclick თუ თქვენ გაქვთ საკუთარი ბიზნესი, შეგიძლიათ შეუკვეთოთ ღია ბარათების პარტია თქვენი კომპანიის ლოგოთი და კონტაქტებით. თქვენ ასევე შეგიძლიათ გამოიყენოთ princlick საფოსტო ბარათების გენერატორი. დიდი ხელშეწყობა და იაფი.
  3. Crello არის რედაქტორი, რომელიც საჭიროებს რეგისტრაციას. არ შეგეშინდეთ ინგლისური ენის, პარამეტრებში შეგიძლიათ გადახვიდეთ რუსულზე.
  4. ონლაინ საფოსტო ბარათი - მათთვის, ვისაც აქვს კარგად განვითარებული ფანტაზია, რადგან მათ მოუწევთ ღია ბარათის შექმნა ნულიდან.
  5. Mumotiki - მოამზადეთ ლამაზი სურათი და შეგიძლიათ აქ დაამატოთ მილოცვის ტექსტი. სხვათა შორის, თუ თქვენ უბრალოდ გჭირდებათ სურათზე ტექსტის დამატება, შეგიძლიათ შეამოწმოთ.

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

ავტორი: ივანოვა ნატალია

2019-02-17

სტატიის შინაარსი:

Google Plus ითიშება

Google Plus პლატფორმამ არ გაამართლა დეველოპერების იმედები და მთლიანად მოიხსნება 2019 წლის 2 აპრილს. მასთან ერთად გაქრება მასთან დაკავშირებული ალბომები Google Photos-ში და ავტორიზაცია Google Plus ანგარიშის მქონე საიტებზე მიუწვდომელი გახდება. 4 თებერვლიდან Google Plus პროფილების, არხებისა და გვერდების შექმნის ფუნქცია მიუწვდომელი გახდა. თუ თქვენს ანგარიშზე იყო შენახული ღირებული შინაარსი, შეგიძლიათ ჩამოტვირთოთ სარეზერვო ასლი.
ცვლილებების უმეტესობა გავლენას მოახდენს ბლოგერებზე, რომლებიც აწარმოებენ თავიანთ ბლოგებს Blogspot-ზე. ზოგიერთი G+ ვიჯეტი, G+ კომენტარი და თქვენი Google+ პროფილი აღარ იქნება ხელმისაწვდომი. ამის შესახებ ნათქვამია შეტყობინებაში Blogger-ის ადმინისტრაციულ პანელში:
2019 წლის მარტში დაგეგმილი Google+ API-ის დასრულების შესახებ გამოცხადების შემდეგ, 4 თებერვალს იქნება რამდენიმე ცვლილება Blogger-ის Google+-თან ინტეგრაციაში.
Google+ ვიჯეტები.+1 ღილაკი, Google+ მიმდევრები და Google+ ბეჯის ვიჯეტები აღარ იქნება მხარდაჭერილი ბლოგის დიზაინში. ამ ვიჯეტის ყველა ეგზემპლარი წაიშლება თქვენი ბლოგიდან.
ღილაკები +1.+1 და G+ ღილაკები წაიშლება, ისევე როგორც „გაზიარება Google+“-ის ბმულები ბლოგის პოსტების ქვემოთ და ნავიგაციის ზოლში.
გთხოვთ, გაითვალისწინოთ, რომ თუ იყენებთ მორგებულ შაბლონს, რომელიც შეიცავს Google+ ფუნქციებს, შეიძლება საჭირო გახდეს მისი შეცვლა. მოიძიეთ ხელმძღვანელობა იმ ადამიანისგან, ვინც მოგაწოდათ ეს შაბლონი.
Google+ კომენტარები. Google+-ის გამოყენებით კომენტარების მხარდაჭერა შეწყდება და Blogger-ის სტანდარტული კომენტარები აღდგება ყველა ბლოგისთვის, რომელიც იყენებს ამ ფუნქციას. სამწუხაროდ, Google+-ის მეშვეობით გამოქვეყნებული კომენტარები ვერ გადაეცემა Blogger-ს, ამიტომ ისინი აღარ გამოჩნდება თქვენს ბლოგზე.

Google Plus კომენტარების წაშლა

სამწუხაროდ, სისტემაში გამოქვეყნებული კომენტარები სამუდამოდ წაიშლება. თქვენ შეგიძლიათ გამოიყენოთ მხოლოდ იგივე ინსტრუმენტი https://takeout.google.comსარეზერვო კომენტარების სათქმელად Google+-დან თქვენს კომპიუტერში. ამისთვის მხოლოდ ჩამტვირთავი არ არის გათვალისწინებული და თქვენ შეგიძლიათ მხოლოდ ხელით აღადგინოთ კომენტარები საკმაოდ უხეში გზით. კარგია, რომ დროულად ვარ.

როგორ შევცვალოთ google plus პროფილი ბლოგერის პროფილით

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

როგორ დავიბრუნოთ თქვენი Blogger პროფილი

ამის გაკეთება მარტივია Blogger-ის ადმინისტრატორის პარამეტრებში:
პარამეტრები –> მომხმარებლის პარამეტრები –> მომხმარებლის პროფილი – აირჩიეთ Blogger აქ


შეინახეთ ცვლილებები.

დაადასტურეთ გადასვლა და შეიყვანეთ თქვენი სახელი ან მეტსახელი.

არ დაგავიწყდეთ ავატარის ატვირთვა თქვენს Blogger პროფილზე.

როგორ წაშალოთ google plus პროფილი

თუ გადაწყვეტთ ერთხელ და სამუდამოდ მოიშოროთ თქვენი G+ პროფილი, მაშინ გადადით თქვენს Google Plus გვერდზე –> პარამეტრები –> გადაახვიეთ გვერდის ბოლოში –> წაშალეთ თქვენი Google Plus ანგარიში:


ავტორი: ივანოვა ნატალია

დღეს გეტყვით რა არის CSS3, რითი იჭმევა, სად ეძებოთ, როგორ დავწეროთ სწორად. გაფრთხილებ, საკუთარი თავით გეტყვით, ფართო საზოგადოებისთვის გამარტივებული, როგორც ვხედავ + მაგალითები. მაშ ასე, დავიწყოთ შორიდან.
CSS არის სტილი, რომელიც აღწერს ობიექტის თვისებებს. ეს ნიშნავს, რომ ისინი ყველა არსებულ ძრავშია, თუ მათ ვერ იპოვით, მაშინ ან არასწორ ადგილას შეხედეთ, ან ისინი ნამდვილად არ არსებობენ ( მრუდის საიტი). სად გვხვდება ისინი ჩვეულებრივ? ჩვეულებრივ, ეს არის საიტის ფესვი, style.css ფაილის სახელი, თუმცა, პრინციპში, სახელი არ არის ისეთი მნიშვნელოვანი, როგორც .css გაფართოება, თუ ფაილი ასეთი გაფართოებით არის სტილის ფაილი.
იხილეთ ასევე ჩემს ბლოგზე.

სად უნდა ვეძებოთ ისინი?

ფაილისკენ მიმავალი გზა მიენიჭება შაბლონს შორის
" />
Blogspot ცოტა განსხვავებულია, სადაც სტილები იწერება პირდაპირ კოდში, ტეგის წინ შორის
აქ სტილები

რას ჰგავს სტილები?

მოდით შევხედოთ მაგალითს:
#header ( ფონი: #fff; შრიფტის ზომა: 13px; ხაზის სიმაღლე: 1.5; შრიფტი-ოჯახი: Georgia,"Times New Roman", "Bitstream Charter",Times,serif; ფერი: #333; ) .კონტაქტები ( პოზიცია: აბსოლუტური; ზედა: 20 პიქსელი; მარჯვნივ: 10 პიქსელი; )
ვებ საიტის ავტორის კონტაქტები
თქვენ შეგიძლიათ ნახოთ სტილები ნებისმიერ საიტზე, თქვენ გჭირდებათ მხოლოდ ბრაუზერი. ახლა თქვენ შეგიძლიათ მარტივად ამოიცნოთ ისინი ამ სტატიაში მათი გარეგნობის წაკითხვით.
როგორც ხედავთ, სტილები სხვაგვარად არის დაწერილი. სტილებს, რომლებიც იწყება ფუნტის ნიშნით, აქვთ კონკრეტული ბლოკის ID-ში, სტილებს წერტილით აქვთ კონკრეტული ბლოკის კლასი. წინააღმდეგ შემთხვევაში, სტილები არ იმუშავებს. რა სახელები გინდა მოიფიქრე, მთავარია html-ში დაწერილ id-ს და კლასს შეესაბამებოდეს. სტილის თვისებები უნდა იყოს ჩასმული ფრჩხილებში და მოჰყვეს ორწერტილი ( შეხედეთ ზემოთ მოცემულ მაგალითს), პარამეტრი იწერება და იხურება მძიმით. დასაშვებია, რომ ბოლო თვისებაში არ შეიძლება მძიმის დადება, მხოლოდ დახურვის ფრჩხილი.
ეს ხდება, რომ CSS დაუყოვნებლივ იწერება ბლოკში, ცალკე ფაილში გამოტანის გარეშე:
საიტის სათაური

CSS Blogspot-ზე

სტილები შეიძლება სხვანაირად დაიწეროს, მერე აგიხსნით რის გამო. კოდის გახსნისას ჩვენ ვხედავთ ამას (დაათვალიერეთ სტილები ყურადღებით და ნახავთ ბლოგის ნაცნობ ტეგებს, რომლებიც ადგენენ სტილებს):
როგორც ხედავთ, სტილის თვისება .სათაური h1ზემოთ ცალკე ჩამოთვლილი. როგორ გავიგოთ და ვიპოვოთ ქონება? ძალიან მარტივი, შრიფტიარის პარამეტრი სათაური.შრიფტი, ეს არის ის, რასაც ჩვენ ვეძებთ. მას ვპოულობთ "ბლოგის სათაური" თვისების ჯგუფში ".header h1" სტილისთვის, 2 თვისების შიგნით "header.font" და "header.text.color". აქ ჩვენ ვცვლით მათ. ეს კეთდება ბრაუზერის მიერ სტილის წაკითხვის დასაჩქარებლად, ასე რომ, ნაკლები მოთხოვნაა. ყოველივე ამის შემდეგ, ქონება სათაური.ტექსტი.ფერიშეიძლება სხვაგან განმეორდეს. ქვემოთ უფრო მეტია header.shadow.offset.leftდა სხვები, მათში აზრი იგივეა, აღარ გავიმეორებ.
როდესაც ისინი ამბობენ, რომ მოძებნეთ css-ში (ან სტილში), ეს ნიშნავს, რომ ჩვენ ვეძებთ ბლოგსპოტში ტეგებს შორის
და ჩვეულებრივ ტეგამდე
თუ რა თქმა უნდა, ისინი პირდაპირ html-ში არ არის დაწერილი (მაგალითი ზემოთ, სტილები ბლოკებში). სხვა cms-ში ყველაფერი ჩვეულებრივ მოთავსებულია ცალკე ფაილში .css გაფართოებით

ავტორი: ივანოვა ნატალია

2019-02-15

ეს უახლესი სტატია დაწერილია იმისათვის, რომ მოგვაწოდოს უახლესი ინფორმაცია Blogspot-ის შაბლონებიდან ზედმეტი ბმულების, ასევე ბლოგერის ახალი თემების წაშლის შესახებ. მოგეხსენებათ, 2018 წელს მოხდა ცვლილებები Blogger-ის კოდებში, ამიტომ ბევრი კოდის მოქმედება ახლებურად უნდა განხორციელდეს. გარდა ამისა, არის ახალი თემები, რომლებიც სხვაგვარად ყალიბდება. ამ ცვლილებებთან დაკავშირებით გავაანალიზებთ ლინკების წაშლის თემას.
შეგიძლიათ შეამოწმოთ თქვენი ბლოგი გარე ბმულებისთვის სერვისებზე https://pr-cy.ru/link_extractor/ და https://seolik.ru/links. არ დაგავიწყდეთ, რომ თქვენ უნდა შეამოწმოთ არა მხოლოდ ბლოგის მთავარი გვერდი, არამედ ჩანაწერების (პოსტების) და გვერდების (გვერდი) გვერდი. გარე ბმულების დიდი რაოდენობა ღიაა ინდექსაციის დამაბრკოლებლად.

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

მარტივი შაბლონის მაგალითის გამოყენება.
ასეთი შაბლონები იძლევა ყველაზე მეტ შემომავალ ბმულებს. ჩემს სატესტო ბლოგში, მარტივი თემის დაყენებისას, შემოწმებისას, მთავარ გვერდზე აღმოჩნდა 25 გარე ბმული, რომელთაგან 14 ინდექსირებული იყო.
შეგახსენებთ, რომ შაბლონის კოდში ცვლილებების შეტანამდე გააკეთეთ სარეზერვო ასლი!
  1. წაშალე ბლოგერი - https://www.blogger.com/.ეს ბმული შეფუთულია Attribution ვიჯეტში. "ბლოგის დიზაინის" ჩანართში ის გამოჩნდება, როგორც Attribution გაჯეტი და . მის მოსაშორებლად გადადით "თემა" ჩანართზე-> HTML რედაქტირება. ვიჯეტების ძიებით (ვიჯეტების სია), ჩვენ ვპოულობთ Attribution1 და ვშლით ყველა კოდს ქვედა კოლონტიტულის განყოფილებასთან ერთად, რომელშიც ის არის ჩასმული. წაშლილი კოდი ჩამოშლილი სახით ასე გამოიყურება:


    ასე რომ სრული კოდი:














    ჩვენ ვინახავთ ცვლილებებს და ვამოწმებთ ბლოგს Attribution-ისთვის.
  2. რა თქმა უნდა, თქვენს ბლოგზე გინახავთ „გამჯდარი და ხრახნიანი“ ხატები ვიჯეტების სწრაფი რედაქტირებისთვის. ყოველი ასეთი ხატულა ატარებს ბლოგერთან გარე ბმულს. ახლა ისინი დახურულია nofollow ტეგით, მაგრამ თქვენ მაინც უნდა მოიცილოთ ისინი. თქვენ დაარედაქტირებთ ვიჯეტებს დიზაინის ჩანართში.
    აქ არის ბმულების არასრული სია, რომლებიც დაშიფრულია გასაღების ხატულებში (ბლოგის ID იქნება თქვენი)
    - HTML1 ვიჯეტი: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
    - HTML2 ვიჯეტი http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
    - ბლოგის არქივი: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
    - ბლოგის ეტიკეტები: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
    - Პოპულარული პოსტები: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
    ყველა ამ ბმულის მოშორება ადვილია. იპოვეთ ტეგი თქვენი ბლოგის შაბლონში . ეს ხდება იმდენჯერ, რამდენჯერაც არის ვიჯეტები თქვენს ბლოგზე. წაშალეთ ტეგის ყველა შემთხვევა .
  3. ჩვენ ვშლით ბლოგის ჩანაწერის სწრაფი რედაქტირების ბმულებს (ხატი "ფანქარი"). აადვილებს პოსტების რედაქტირებას, მაგრამ ატარებს საფრთხეს, როგორც ფორმის გარე ბმული: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    როგორ წაშალოთ:
    მეთოდი 1. დიზაინის ჩანართში შეცვალეთ ელემენტი "ბლოგის პოსტები" და მოხსენით მონიშვნა "სწრაფი რედაქტირების ჩვენება" ჩამრთველი.
    მეთოდი 2. იპოვეთ ტეგი ბლოგის შაბლონში და წაშალე. შეინახეთ ცვლილებები და შეამოწმეთ თქვენი ბლოგი ხატისა და ბმულისთვის.
  4. ნავიბარის წაშლა. მოძებნეთ ვიჯეტები Navbar1 ბლოგის html შაბლონში და წაშალეთ ყველა კოდი განყოფილებასთან ერთად.

    კერძოდ:









    ახლა ბლოგზე Navbar არ იძლევა ინდექსირებად გარე ბმულებს, მაგრამ მე მჯერა, რომ ეს არის დამატებითი ელემენტი, რომელიც არ ატარებს ფუნქციურ დატვირთვას და უმჯობესია მისი ამოღება.
  5. წაშალეთ სურათების გარე ბმულები. როდესაც სურათები იტვირთება ბლოგ პოსტზე, ბმული ავტომატურად ჩასმულია მათში. ასეთი ბმულების წასაშლელად, თქვენ უნდა შეცვალოთ ყველა ბლოგის პოსტი. "ნახვის" რეჟიმში და შემდეგ "ბმულის" ხატულაზე. თუ სურათი არ შეიცავს გარე ბმულს, მაშინ პოსტის რედაქტორში ფოტოზე დაწკაპუნებისას, "ბმულის" ხატულა არ არის აქტიური (არ არის ხატის განათება).

  6. წაშალეთ ბლოგის ავტორის პროფილის ბმული. წაშალეთ ბლოგის ავტორი ჩანაწერის ქვეშ. ამისათვის იპოვნეთ კოდი მართალიადა დაწერე მცდარი ნაცვლად ჭეშმარიტი. თურმე ყალბი
  7. დახურეთ ბმული " " ვიჯეტიდან ინდექსაციისგან nofollow ტეგით. თუ იყენებთ „პროფილის“ ვიჯეტს თქვენს ბლოგში, გამოიყენეთ ვიჯეტის სწრაფი ძებნა ბლოგის შაბლონში, რათა იპოვოთ Profile1 გაჯეტის კოდი. თქვენ უნდა შეცვალოთ ვიჯეტის კოდი, ჩაანაცვლოთ rel='author' -ით ორ ადგილას და დაამატოთ ორ ბმულზე. თქვენ უნდა მიიღოთ მსგავსი რამ ეკრანის სურათზე:


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

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

    ბლოგის პარამეტრებში ბლოგის პარამეტრები -> სხვა -> საიტის არხი -> ბლოგის არხის დაშვება, გამოიყენეთ შემდეგი პარამეტრები:

წაშალეთ გარე ბმულები ახალი ნაგულისხმევი Blogger შაბლონიდან

სამაგალითო თემის გამოყენება
  1. ატრიბუციის წაშლა (ქვემოთ ბმული - Blogger Technologies)
    ჩვენ ვპოულობთ Attribution1-ს ვიჯეტის საძიებო ბლოგის შაბლონში (ვიჯეტების სია) და ვშლით კოდს მონაკვეთთან ერთად ძველი Blogger-ის შაბლონის ანალოგიით (იხ. ზემოთ 1).
  2. წაშალეთ ბმული "შეტყობინება არასათანადო მოპყრობის" ვიჯეტიდან. ეს არის ReportAbuse1 ვიჯეტი. ვიჯეტების ძიებაში ვპოულობთ:
    მთელი კოდი ასე გამოიყურება:




  3. ჩვენ ვამოწმებთ ბლოგის პოსტის გვერდს კომენტარებით და ვშლით ბმულებს ძველი ბლოგის შაბლონების ანალოგიით (იხ. ზემოთ - პუნქტი 8).
  4. წაშალეთ ბლოგის პოსტებიდან ბმულები, რომლებიც ჩართულია პოსტის სურათებში (იხ. პუნქტი 5).

ავტორი: ივანოვა ნატალია

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

ჩვენ ასევე არ შევეხებით ციტირების სემანტიკური სიზუსტის შემოწმების, ჭრილობების, აბრევიატურებისა და დამატებების სწორად გამოყენების საკითხებს - ყველა დაინტერესებული ელოდება A.E. Milchin-ისა და L.K.Cheltsova-ს "გამომცემლისა და ავტორის საცნობარო წიგნს".

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

ციტატების ტიპოგრაფიული დიზაინი

ციტატები

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

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

ციტატები ჩასმულია იმავე ნიმუშის ბრჭყალებში, რომლებიც გამოიყენება მთავარ ტექსტში, როგორც მთავარი - უმეტეს შემთხვევაში, ეს არის ნაძვის ხის ბრჭყალები "".

თუ ციტატის შიგნით არის სიტყვები (ფრაზები, ფრაზები), რომლებიც თავის მხრივ ბრჭყალებშია ჩასმული, მაშინ ეს უკანასკნელი უნდა იყოს განსხვავებული შაბლონისგან, ვიდრე ციტატები, რომლებიც ხურავს და ხსნის ციტატას (თუ გარე ციტატები არის ნაძვის ხეები ", მაშინ შიდა ბრჭყალები არის თათები "" და პირიქით). Მაგალითად: ვასილი პუპკინმა ბოლო ინტერვიუში თქვა: ”კომპანია Pupstroytrest-მა დაიკავა საპატიო მეექვსე მეთორმეტე ადგილი ზაპოროჟიეში სამშენებლო კომპანიების რეიტინგში.”

თუ ციტატაში არის „მესამე ეტაპის“ ბრჭყალები, ანუ ციტატის ციტირებული ფრაზების შიგნით, თავის მხრივ არის ბრჭყალებში აღებული სიტყვები, როგორც ეს უკანასკნელი, მეორე ფიგურის ბრჭყალებში, რომ არის, თათები, რეკომენდებულია. მაგალითი მილჩინისა და ჩელცოვასგან: M. M. Bakhtin წერდა: ”ტრიშატოვი მოზარდს უყვება მუსიკისადმი სიყვარულზე და ავითარებს მის წინაშე ოპერის იდეას: ”მისმინე, მოგწონს მუსიკა? საშინლად მიყვარს... ოპერას რომ ვწერო, მაშინ, ხომ იცი, სიუჟეტს ფაუსტს ავიღებდი. მე ძალიან მიყვარს ეს თემა.”მაგრამ ზოგადად, უმჯობესია სცადოთ ციტატის დიზაინის გადაკეთება ისე, რომ ასეთი შემთხვევები არ წარმოიშვას.

პუნქტუაცია ციტატის შემდეგ წინადადების ბოლოს

თუ წინადადება მთავრდება ციტატით, მაშინ წერტილი ყოველთვის იდება. შემდეგდახურვის ციტატა. წერტილი გამოტოვებულია შემდეგ შემთხვევებში.
  1. თუ ბოლო ბრჭყალების წინ არის ელიფსისი, ძახილის ნიშანი ან კითხვის ნიშანი, ხოლო ბრჭყალებში ჩასმული ციტატა დამოუკიდებელი წინადადებაა (როგორც წესი, ყველა ციტატა ციტატის სიტყვებისგან გამომყოფი ორწერტილის შემდეგ ასეთია) . ამ შემთხვევაში მოთავსებულია სასვენი ნიშანი ციტატების შიგნით. მაგალითი მილჩინისა და ჩელცოვასგან:
    პეჩორინმა დაწერა: "მე არ მახსოვს უფრო ცისფერი და სუფთა დილა!"
    პეჩორინმა აღიარა: ”მე ზოგჯერ მეზიზღება საკუთარი თავი…”
    პეჩორინი ეკითხება: "და რატომ ჩამაგდო ბედმა პატიოსანი კონტრაბანდისტების მშვიდობიან წრეში?"
  2. იგივეა, თუ ციტატა მთავრდება დამოუკიდებელი წინადადებით, რომლის პირველი წინადადება იწყება მცირე ასოებით. Მაგალითად: პეჩორინი ასახავს: „...რატომ გამაგდო ბედმა პატიოსანი კონტრაბანდისტების მშვიდობიან წრეში? როგორც გლუვ წყაროში ჩაგდებული ქვა, მე დავარღვიე მათი სიმშვიდე...“
  3. თუ დასკვნითი ბრჭყალების წინ არის კითხვის ან ძახილის ნიშანი და ციტატა არ არის დამოუკიდებელი წინადადება და ციტატის მთელი ფრაზის შემდეგ უნდა იყოს კითხვის ან ძახილის ნიშანი. Მაგალითად: ლერმონტოვი იძახის წინასიტყვაობაში, რომ ეს არის "ძველი და საცოდავი ხუმრობა!"
კიდევ ერთხელ ხაზგასმით აღვნიშნავთ, რომ სხვა შემთხვევაში წინადადების ბოლოს სვამენ წერტილს და სვამენ შემდეგდახურვის ციტატა.

ციტატა ციტატის სიტყვებით შიგნით

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

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

წყაროზე ტექსტში ციტატით
კეთილშობილური იმპულსების შეუძლებელი გავხდი... ”მე,” აღიარებს პეჩორინი, ”მე გავხდი კეთილშობილური იმპულსების ქმედუუნარო…”
…ჩემი გული ქვად იქცევა და ვეღარაფერი გაათბობს. ”...ჩემი გული ქვად იქცევა, - უიმედოდ ასკვნის პეჩორინი, - და აღარაფერი გაათბებს მას.
ზედმეტად ცალმხრივი და ძლიერი ინტერესი ზედმეტად ზრდის ადამიანის ცხოვრების დაძაბულობას; კიდევ ერთი ბიძგი და ადამიანი გიჟდება. „ზედმეტად ცალმხრივი და ძლიერი ინტერესი ზედმეტად ზრდის ადამიანის ცხოვრების დაძაბულობას“, - ფიქრობს დ. ხარმსი, „კიდევ ერთი ბიძგი და ადამიანი გიჟდება“.
მთელი ადამიანის სიცოცხლის მიზანი ერთია: უკვდავება. "ყოველი ადამიანის სიცოცხლის მიზანი ერთია", - წერს დ. ხარმსი თავის დღიურში - "უკვდავება".
ჭეშმარიტი ინტერესი არის მთავარი ჩვენს ცხოვრებაში. „ნამდვილი ინტერესი, – ამბობს დ.ჰარმსი, – მთავარია ჩვენს ცხოვრებაში“.
თუ წყაროში ციტატის რღვევის ადგილას არის წერტილი, მაშინ ციტატის სიტყვის წინ იდება მძიმით და ტირე ", -", ხოლო მისი სიტყვების შემდეგ - წერტილი და ტირე". - "(არ დაივიწყოთ შეუფერხებელი სივრცის შესახებ!), ხოლო ციტატის მეორე ნაწილი იწყება დიდი ასოებით (უბრალო ხალხში ასევე უწოდებენ "დიდი" ან "კაპიტალი"). ეს ნიშანი და ტირე "? -; ! -; ... -", ხოლო მისი სიტყვების შემდეგ - წერტილი და ტირე". -" თუ ციტატის მეორე ნაწილი იწყება დიდი ასოებით. თუ ციტატის მეორე ნაწილი იწყება მცირე ასოთი (სასაუბროდ ასევე უწოდებენ "პატარა"), მაშინ ციტატის სიტყვების შემდეგ იდება მძიმით და ტირე ", -".
წყაროზე ტექსტში ციტატით
მე ზოგჯერ მეზიზღება საკუთარი თავი... სხვებსაც ამიტომ არ ვზივარ?... კეთილშობილური იმპულსების შეუძლებელი გავხდი; მეშინია საკუთარი თავისთვის სასაცილოდ მომეჩვენო. ”ზოგჯერ მეზიზღება საკუთარი თავი... ამიტომაც მეზიზღება სხვები? .. - აღიარებს პეჩორინი. ”მე გავხდი კეთილშობილური იმპულსების უნარი…”
... აპატიე სიყვარულს! ჩემი გული ქვად იქცევა და აღარაფერი გამათბობს. „... აპატიე სიყვარულს! - წერს პეჩორინი თავის ჟურნალში, - ჩემი გული ქვად იქცევა ... "
ეს არის ერთგვარი თანდაყოლილი შიში, აუხსნელი წინათგრძნობა... ბოლოს და ბოლოს, არიან ადამიანები, რომლებსაც გაუცნობიერებლად ეშინიათ ობობების, ტარაკნების, თაგვების... ”ეს არის ერთგვარი თანდაყოლილი შიში, აუხსნელი წინათგრძნობა ... - პეჩორინი ეძებს ახსნას. ”ბოლოს და ბოლოს, არიან ადამიანები, რომლებსაც გაუცნობიერებლად ეშინიათ ობობების, ტარაკნების, თაგვების…”

ციტატების ფორმატირება კოდში

ბევრს ავიწყდება, რომ HTML 4.01 სტანდარტი უკვე უზრუნველყოფს ელემენტებს ტექსტის შიგნით აკრეფილი ციტატების დეკორაციისთვის და ან საერთოდ არ იყენებს მათ, ან (უფრო უარესი) აყენებს ციტატებს ტეგებში. … ან … . ასევე მოჰყავდათ დაკვირვება ბლოკციტატის ელემენტის გამოყენებაზე შეწევის შესაქმნელად, რაც ასევე მიუღებელია განლაგების სემანტიკაზე დაკვირვების თვალსაზრისით.

ასე რომ, ორი ელემენტი გამოიყენება ბრჭყალების ხაზგასასმელად: ბლოკის ციტატა და inline q . გარდა ამისა, inline cite ელემენტი გამოიყენება წყაროს აღსაწერად, საიდანაც ციტატა იქნა აღებული. გთხოვთ გაითვალისწინოთ, რომ ციტატა გამოიყენება მხოლოდ და აუცილებელია წყაროს ბმულის მითითება, ციტატა თავისთავად არ შედის ციტირების ელემენტში!

HTML 4.01 სპეციფიკაციის მიხედვით, blockquote და q ელემენტებს შეუძლიათ გამოიყენონ ატრიბუტები cite="…" , რაც მიუთითებს URL-ზე, საიდანაც ციტატა იყო ნასესხები (არ უნდა აგვერიოს ცალკე ციტირების ელემენტთან) და title="... " , რომლის შიგთავსი გამოჩნდება, როგორც ინსტრუმენტების მინიშნება, როდესაც მაუსის საშუალებით დააყენეთ ციტატაზე.

სამწუხაროდ, ბრაუზერები ჯერ არ უმკლავდებიან ამ HTML ელემენტებს კარგად. ასე რომ, cite="…" ატრიბუტი საერთოდ არ არის გამოსახული არცერთი ბრაუზერის მიერ. ამ ხარვეზის აღმოსაფხვრელად, არსებობს პოლ დევისის სკრიპტი, რომელიც აჩვენებს ინსტრუმენტს ცალკე ფენაში cite ატრიბუტში მითითებულ ბმულზე.

მეორე გლობალური ხარვეზი, რომელიც დაკავშირებულია ინლაინ ციტატების გამომუშავებასთან, დაკავშირებულია (სიურპრიზი, სიურპრიზი!) ბრაუზერების ოჯახს Internet Explorer. ისევ და ისევ, სპეციფიკაციის მიხედვით, დოკუმენტის ავტორმა არ უნდა აკრიფოს ციტატები q ელემენტის გამოყენებისას. ბრაუზერის მიერ ციტატები უნდა იყოს გამოსახული, ხოლო ჩადგმული ციტატების შემთხვევაში - ასევე განსხვავებული ნიმუში. კარგი, დავუშვათ, რომ Opera არ შეესაბამება ბოლო მოთხოვნას და წყობილი ციტატების ციტატები იგივეა. მაგრამ IE 7 ვერსიამდე მათ საერთოდ არ გამოაქვს!

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

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

  • CSS-ის ქცევის საკუთრების საკუთრების გამოყენება (პოლ დევისის გადაწყვეტა), რომელიც ააქტიურებს JavaScript-ს, რომელიც ათავსებს ბრჭყალებს IE-ში, ჩადგმული ბრჭყალების ნიმუშით;
  • პირობითი კომენტარების გამოყენებით, უბრალოდ JavaScript-ის შესრულებით გვერდის ჩატვირთვაზე (Jez Lemon-ის გადაწყვეტა Juicy Studio-დან), ხოლო ჩადგმული ციტატების ნიმუში მუდმივია;
  • ან CSS-ში ციტატების ნულობით ციტირების თვისების გამოყენებით და ტექსტში ციტატების ხელით განთავსებით, მაგრამ (ყურადღება!) q ელემენტის მიღმა, რათა არ დაირღვეს W3C რეკომენდაციები (გადაწყვეტა სტეისი კორდონის მიერ A List Apart ვებსაიტზე).
ბოლო მეთოდი მეჩვენება, როგორც სინდისთან ურთიერთობა, როგორც შაბათის შეზღუდვების თავიდან აცილების მცდელობა - სულის დარღვევა რეკომენდაციების ასოების შესრულებისას.

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

ჩვენი ციტატის გადაწყვეტა

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



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

// CSS ფაილში დამატება
// გარე ბრჭყალები
q (ციტატები: "\00ab" "\00bb"; )

// ჩადგმული თათების ციტატები
q q ( ბრჭყალები: "\201e" "\201c"; )

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

ახლა ჩვენ მარტივად და სემანტიკურად ვწერთ შემდეგ ციტატას: „ჟალგირისის კამპანიის წარმატება“, - განუცხადა Russia Today-ს ვლადიმირას პუპკინსმა, „განპირობებულია არა მხოლოდ კბილის პასტების მოვაჭრეების არჩევანით, არამედ იმითაც, რასაც მარკ ტვენი უწოდებს „გადახტომას, რომელიც შიგნით მიდის“.

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

საუკეთესო ნაწილი არის ის, რომ სათაური = "…" ატრიბუტები წყობილი ტეგებისთვის ბრაუზერების მიერ სწორად არის დამუშავებული.

ჩადგმული ბლოკციტატის, q და ციტირების ელემენტების სწორად გაზიარების მაგალითის დაწერა მკითხველს უტოვებს საშინაო დავალებად. :)

განახლება:შესწორება - რა თქმა უნდა, CSS-ში ციტატების ნიმუშის დასაყენებლად, თქვენ არ გჭირდებათ ჩადგმული სტილის აღწერა, ბრჭყალების სტანდარტული ფუნქციონირება: q თვისება საკმარისია (ბრჭყალები: "\00ab" "\00bb" "\201e" " \201c";)

ტეგები:

  • ციტატები
  • ციტატა
  • დაბლოკვის ციტატა
  • ციტატა
ტეგების დამატება

HTML-ში ციტატების შესაქმნელად გამოიყენება ორი ელემენტი: ბლოკის ელემენტი <Ыockquote> და ინლაინ ელემენტი . მონიშნეთ <Ыockquote> გამოიყენება გრძელი ციტატების საჩვენებლად, რომლებიც იკავებს მთელ აბზაცს და აჩვენებს მას მარცხენა და მარჯვენა კიდეებიდან ჩაღრმავებული. ეს ტეგი საშუალებას გაძლევთ კომპაქტურად მოათავსოთ ტექსტი გვერდის ცენტრში. ის შეიძლება შეიცავდეს ტექსტის ფორმატირების სხვა ელემენტებს.

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

ორივე ელემენტს შეიძლება ჰქონდეს ატრიბუტი ციტირება, რომლის მნიშვნელობა არის ციტირებული ფრაგმენტის URL.

მაგალითი: გრძელი და მოკლე ციტატები

  • თავად სცადე"

ადვილად შეიძლება განისაზღვროს ვერტიკალური ქლიავის ხაზის გამოყენებით.

როგორც A.A. Milne-მა თქვა, ზოგიერთი ადამიანი ცხოველებს ესაუბრება.

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

როგორც A.A. Milne-მა თქვა, ზოგიერთი ადამიანი ესაუბრება ცხოველებს.

მონიშნეთ

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

მაგალითი: აბრევიატურა

  • თავად სცადე"

NASA აკეთებს წარმოუდგენელ კოსმოსურ ექსპერიმენტებს.

მაგ. სტივენ ჰოკინგი არის თეორიული ფიზიკოსი და კოსმოლოგი.

NАSА!}მასპინძლობს რამდენიმე წარმოუდგენელს
კოსმოსური ექსპერიმენტები.

მაგ.სტივენ ჰოკინგი არის თეორიული ფიზიკოსი და კოსმოლოგი.

მონიშნეთ

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

მაგალითი: მისამართი

  • თავად სცადე"

HTML სახელმძღვანელო
ბელი მაქსიმ მაქსიმოვიჩი
ჩრდილო-დასავლეთის ტექნოლოგიური ინსტიტუტი
ტეპლოგორსკის ტექნოლოგიისა და დიზაინის სახელმწიფო უნივერსიტეტი
[ელფოსტა დაცულია]

ტეგები და

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

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

მაგალითი: წყაროები და განმარტებები

  • თავად სცადე"


უყურებს სტივენ ჰოპკინსის წითელ დრაკონს.

სხეულის იმპულსი არის ვექტორული სიდიდე, მისი ვექტორის მიმართულება იგივეა
სიჩქარის მიმართულებით

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

სხეულის იმპულსიარის ვექტორული სიდიდე, მისი ვექტორის მიმართულება იგივეა
სიჩქარის მიმართულებით

მონიშნეთ

მონიშნეთ აკონტროლებს ნაჩვენები ტექსტის მიმართულებას. მას აქვს საჭირო dir ატრიბუტი, რომელიც იღებს მნიშვნელობებს ltr (მარცხნიდან მარჯვნივ) და rtl (მარჯვნიდან მარცხნივ).

მაგალითი: ტექსტის მიმართულება

  • თავად სცადე"


თუ თქვენი ბრაუზერი მხარს უჭერს ორმხრივ ალგორითმს (bdo),
შემდეგი სტრიქონი დაიწერება მარჯვნიდან მარცხნივ (rtl)


ეს ტექსტი იწერება მარჯვნიდან მარცხნივ.

Დავალებები

საბოლოო დავალება

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

დროა გადახედოთ ნასწავლს და დაასრულოთ ოთხი მარტივი დავალება:

მოკლე ციტატა

  • გადაწყვიტე შენთვის »

HTML ლოგინის გამოყენებით დაამატეთ ბრჭყალები სიტყვის გარშემო: "თეორია".

მოკლე ციტატა

თეორია პროგნოზირებს ახალ ფენომენებს და ახალ კანონებს.

მოკლე ციტატა

თეორია პროგნოზირებს ახალ მოვლენებს და ახალ კანონებს.

გრძელი ციტატა

  • გადაწყვიტე შენთვის »

ჩასვით შემდეგი ტექსტი ელემენტის შიგნით, რომელიც მას მარცხნივ ჩაღრმავებულ ციტატად აქცევს. მიუთითეთ რესურსის URL, საიდანაც ეს ციტატა მოდის: "http://www.world.org".

გრძელი ციტატა მოძრაობის სიჩქარისა და მიმართულების მახასიათებელია ფიზიკური სიდიდე - სიჩქარე.

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

და . სტატია განმარტავს, რას ნიშნავს ეს დეველოპერებისთვის.

განმარტება ცვლილებები

ელემენტი

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

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

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

იშვიათი შემთხვევა

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

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

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

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

ჩემი საყვარელი წიგნია Swim-Two-Birds-ზე

- მაიკ სმიტი

განმარტება ცვლილებები

დეველოპერები ეწინააღმდეგებოდნენ ცვლილებებს განმარტებაში:

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

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

ᲓᲐᲙᲐᲕᲨᲘᲠᲔᲑᲣᲚᲘ ᲡᲢᲐᲢᲘᲔᲑᲘ