Semantički ispravan kod. Rasprave o semantici HTML koda s primjerima. Što je semantički kod

4.1. Osnove enkripcije

Bit enkripcije metodom zamjene je sljedeća. Neka poruke na ruskom budu šifrirane i svako slovo tih poruka mora biti zamijenjeno. Zatim, doslovno A izvorna abeceda se uspoređuje s određenim skupom simbola (zamjena šifre) M A, B – M B, …, I – M I. Supstitucije šifre biraju se na takav način da bilo koja dva skupa ( M I I M J, i ≠ j) nije sadržavao identične elemente ( M I ∩ M J = Ø).

Tablica prikazana na slici 4.1 je ključ zamjenske šifre. Znajući to, možete izvršiti i šifriranje i dešifriranje.

AB... ja
M AM B... M I

sl.4.1. Tablica zamjene šifri

Prilikom šifriranja, svako slovo A otvorena poruka zamjenjuje se bilo kojim znakom iz skupa M A. Ako poruka sadrži nekoliko slova A, tada se svaki od njih zamjenjuje bilo kojim znakom iz M A. Zbog toga je uz pomoć jednog ključa moguće dobiti različite verzije šifra za istu otvorenu poruku. Budući da seta M A, M B, ..., M I ne sijeku u paru, tada je za svaki simbol šifrograma moguće nedvosmisleno odrediti kojem skupu pripada, a time i koje slovo otvorene poruke zamjenjuje. Dakle, dešifriranje je moguće i otvorena poruka se određuje na jedinstven način.

Gornji opis suštine supstitucijskih šifri odnosi se na sve njihove varijante s iznimkom, u kojoj se iste supstitucijske šifre mogu koristiti za šifriranje različitih znakova izvorne abecede (tj. M I ∩ M J ≠ Ø, i ≠ j).

Metodu zamjene često provode mnogi korisnici tijekom rada na računalu. Ako zbog zaboravnosti ne prebacite skup znakova na tipkovnici s latinice na ćirilicu, tada će se umjesto slova ruske abecede pri unosu teksta ispisivati ​​slova latinice ("zamjene šifre").

Za zapis izvornih i šifriranih poruka koriste se strogo definirane abecede. Abecede za snimanje izvornih i šifriranih poruka mogu se razlikovati. Znakovi obje abecede mogu se prikazati slovima, njihovim kombinacijama, brojevima, slikama, zvukovima, gestama itd. Kao primjer možemo navesti plesače iz priče A. Conana Doylea () i rukopis runskog slova () iz romana "Putovanje u središte Zemlje" J. Vernea.

Supstitucijske šifre mogu se podijeliti na sljedeće podrazreda(sorte).

sl.4.2. Klasifikacija supstitucijskih šifri

I. Redovne šifre.Šifrirane zamjene sastoje se od istog broja znakova ili su međusobno odvojene razdjelnikom (razmak, točka, crtica itd.).

Kod slogana. Za određenu šifru, konstrukcija tablice zamjene šifre temelji se na sloganu (ključu) - riječi koju je lako zapamtiti. Drugi red tablice zamjene šifre popunjava se najprije riječju slogana (a ponovljena slova se odbacuju), a zatim preostalim slovima koja nisu uključena u riječ slogana, abecednim redom. Na primjer, ako je odabrana riječ slogana “UJAK”, tada tablica izgleda ovako.

ABUGDEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYuja
DjaINABUGEYoIZYDOLMOKOPRSTUFXCHShSCHKommersantYbEYu

sl.4.4. Tablica zamjena šifri za šifru slogana

Prilikom šifriranja originalne poruke “ABRAMOV” pomoću gornjeg ključa, šifrat će izgledati kao “YAPDKMI”.

Polibijski trg.Šifru je izumio grčki državnik, zapovjednik i povjesničar Polibije (203.-120. pr. Kr.). U odnosu na rusku abecedu i indijske (arapske) brojeve, bit šifriranja bila je sljedeća. Slova su napisana u kvadratu 6x6 (ne nužno abecednim redom).


1 2 3 4 5 6
1 ABUGDE
2 YoIZIYDO
3 LMNOKOPR
4 STUFXC
5 HShSCHKommersantYb
6 EYuja- - -

sl.4.5. Tablica zamjena šifri za polibijski kvadrat

Šifrirano slovo zamjenjuje se koordinatama kvadrata (redak-stupac) u kojem je zapisano. Na primjer, ako je izvorna poruka “ABRAMOV”, onda je šifrat “11 12 36 11 32 34 13”. U staroj Grčkoj poruke su se prenosile optičkom telegrafijom (pomoću baklji). Za svako slovo poruke prvo je podignut broj baklji koji odgovara broju retka slova, a zatim broj stupca.

Tablica 4.1. Učestalost pojavljivanja ruskih slova u tekstovima

Ne.PismoUčestalost, %Ne.PismoUčestalost, %
1 OKO10.97 18 b1.74
2 E8.45 19 G1.70
3 A8.01 20 Z1.65
4 I7.35 21 B1.59
5 N6.70 22 H1.44
6 T6.26 23 Y1.21
7 S5.47 24 X0.97
8 R4.73 25 I0.94
9 U4.54 26 Sh0.73
10 L4.40 27 Yu0.64
11 DO3.49 28 C0.48
12 M3.21 29 SCH0.36
13 D2.98 30 E0.32
14 P2.81 31 F0.26
15 U2.62 32 Kommersant0.04
16 ja2.01 33 Yo0.04
17 Y1.90

Postoje slične tablice za parove slova (digrame). Na primjer, bigrami koji se često susreću su "do", "ali", "st", "po", "en" itd. Druga tehnika za razbijanje šifragrama temelji se na uklanjanju mogućih kombinacija slova. Na primjer, u tekstovima (ako su napisani bez pravopisnih pogrešaka) ne možete pronaći kombinacije "chya", "shchi", "b" itd.

Da bi se zakomplicirao zadatak razbijanja šifri jedan-na-jedan, čak iu davnim vremenima, razmaci i/ili samoglasnici su uklanjani iz izvornih poruka prije enkripcije. Druga metoda koja otežava otvaranje je šifriranje bigrami(u parovima slova).

4.3. Poligramske šifre

Poligramske supstitucijske šifre- to su šifre u kojima jedna zamjena šifre odgovara nekoliko znakova izvornog teksta odjednom.

Priključci Bigram Cipher. Portina šifra, prikazana u obliku tablice, prva je poznata bigramska šifra. Veličina njegove tablice bila je 20 x 20 ćelija; standardna abeceda ispisana je gore vodoravno i okomito lijevo (nije sadržavala slova J, K, U, W, X i Z). U ćelije tablice mogli su se pisati bilo koji brojevi, slova ili simboli - Giovanni Porta je i sam koristio simbole - pod uvjetom da se sadržaj nijedne ćelije ne ponavlja. U odnosu na ruski jezik, tablica zamjena šifri može izgledati ovako.


ABUGDE
(jo)		IZI
(Y)		DOLMNOKOPRSTUFXCHShSCHKommersantYbEYuja
A001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020 021 022 023 024 025 026 027 028 029 030 031
B032 033 034 035 036 037 038 039 040 041 042 043 044 045 046 047 048 049 050 051 052 053 054 055 056 057 058 059 060 061 062
U063 064 065 066 067 068 069 070 071 072 073 074 075 076 077 078 079 080 081 082 083 084 085 086 087 088 089 090 091 092 093
G094 095 096 097 098 099 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124
D125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155
ONA)156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186
I187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217
Z218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248
ja (Y)249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279
DO280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310
L311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341
M342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372
N373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403
OKO404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434
P435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465
R466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496
S497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527
T528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558
U559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589
F590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620
X621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651
C652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682
H683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713
Sh714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744
SCH745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775
Kommersant776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806
Y807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837
b838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868
E869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899
Yu900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930
ja931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961

sl.4.10. Tablica zamjene šifre za port šifru

Šifriranje se izvodi pomoću parova slova izvorne poruke. Prvo slovo para označava redak zamjene šifre, drugo - stupac. Ako postoji neparan broj slova u izvornoj poruci, dodaje joj se pomoćni znak ("praznina"). Na primjer, originalna poruka “AB RA MO V”, šifrirana - “002 466 355 093”. Slovo "I" koristi se kao pomoćni simbol.

Playfair šifra (engleski: “Fair game”). Početkom 1850-ih. Charles Wheatstone izumio je takozvanu "pravokutnu šifru". Leon Playfair, blizak Wheatstoneov prijatelj, govorio je o ovoj šifri tijekom službene večere 1854. ministru unutarnjih poslova, lordu Palmerstonu i princu Albertu. A budući da je Playfair bio dobro poznat u vojnim i diplomatskim krugovima, naziv "Playfair šifra" zauvijek je pripisan Wheatstoneovoj kreaciji.

Ova šifra bila je prva abecedna šifra bigrama (Portaina tablica bigrama koristila je simbole, a ne slova). Osmišljen je kako bi osigurao tajnost telegrafskih komunikacija, a koristile su ga britanske trupe u Burskom i Prvom svjetskom ratu. Također ga je koristila Obalna straža australskih otoka tijekom Drugog svjetskog rata.

Šifra omogućuje šifriranje parova simbola (digrama). Stoga je ova šifra otpornija na probijanje u usporedbi s jednostavnom supstitucijskom šifrom, jer je analiza frekvencije teža. Može se provesti, ali ne za 26 mogućih znakova (latinica), već za 26 x 26 = 676 mogućih bigrama. Analiza učestalosti bigrama je moguća, ali je znatno teža i zahtijeva puno veću količinu šifriranog teksta.

Za šifriranje poruke potrebno ju je razdvojiti na bigrame (skupine od dva znaka), a ako se u bigramu nađu dva identična simbola, između njih se dodaje unaprijed dogovoreni pomoćni simbol (u originalu - X, za rusku abecedu - ja). Na primjer, "šifrirana poruka" postaje "šifrirana poruka" ja komunikacija ja" Za formiranje tablice ključeva odabire se slogan koji se popunjava prema pravilima sustava šifriranja Trisemus. Na primjer, za slogan “UJAK” ključna tablica izgleda ovako.

DjaINAB
UGEYoIZ
YDOLMOKOP
RSTUFX
CHShSCHKommersantY
bEYu- 1 2

sl.4.11. Tablica ključeva za Playfair šifru

Zatim se, prema sljedećim pravilima, šifriraju parovi znakova u izvornom tekstu:

1. Ako se bigramski simboli izvornog teksta pojavljuju u jednom retku, tada se ti simboli zamjenjuju simbolima koji se nalaze u najbližim stupcima desno od odgovarajućih simbola. Ako je znak posljednji u retku, tada se zamjenjuje prvim znakom istog retka.

2. Ako se bigramski znakovi izvornog teksta pojavljuju u jednom stupcu, tada se pretvaraju u znakove istog stupca koji se nalazi neposredno ispod njih. Ako je znak donji znak u stupcu, tada se zamjenjuje prvim znakom istog stupca.

3. Ako su simboli bigrama izvornog teksta u različitim stupcima i različitim redovima, tada se zamjenjuju simbolima koji se nalaze u istim redovima, ali odgovaraju drugim kutovima pravokutnika.

Primjer enkripcije.

Bigram "za" tvori pravokutnik - zamjenjuje ga "zhb";

Bigram "shi" je u jednom stupcu - zamijenjen s "yu";

Bigram “fr” je u jednom redu - zamijenjen sa “xc”;

Bigram "ov" tvori pravokutnik - zamjenjuje ga "yzh";

Bigram “an” je u jednom redu - zamjenjuje se sa “ba”;

Bigram "ali" tvori pravokutnik - zamjenjuje se s "am";

Bigram “es” tvori pravokutnik - zamjenjuje ga “gt”;

Bigram "oya" tvori pravokutnik - zamjenjuje ga "ka";

Bigram "about" oblikuje pravokutnik - zamjenjuje ga "pa";

Bigram "shche" tvori pravokutnik - zamjenjuje ga "shyo";

Bigram “ni” tvori pravokutnik - zamjenjuje se s “an”;

Bigram "ee" tvori pravokutnik i zamjenjuje ga "gi".

Šifra je "zhb yue xs yzh ba am gt ka pa she an gi."

Za dešifriranje morate upotrijebiti inverziju ovih pravila, odbacujući znakove ja(ili X) ako nemaju smisla u izvornoj poruci.

Sastojao se od dva diska - vanjskog fiksnog diska i unutarnjeg pokretnog diska, na kojima su bila ispisana slova abecede. Proces šifriranja uključivao je pronalaženje slova otvorenog teksta na vanjskom pogonu i njegovu zamjenu slovom s unutarnjeg pogona ispod njega. Nakon toga, interni disk je pomaknut za jedno mjesto, a drugo slovo je šifrirano pomoću nove šifrirane abecede. Ključ ove šifre bio je redoslijed slova na diskovima i početni položaj unutarnjeg diska u odnosu na vanjski.

Trisemus stol. Jedna od šifri koju je izumio njemački opat Trisemus bila je višeabecedna šifra temeljena na takozvanoj "Trisemus tablici" - tablici sa stranicama jednakim n, Gdje n– broj znakova u abecedi. U prvom redu matrice slova su napisana redoslijedom u abecedi, u drugom - isti niz slova, ali s cikličkim pomakom za jedan položaj ulijevo, u trećem - s cikličkim pomak za dva položaja ulijevo itd.

ABUGDEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYuja
BUGDEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaA
UGDEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaAB
GDEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaABU
DEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaABUG
EYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaABUGD
YoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaABUGDE
IZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaABUGDEYo
ZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaABUGDEYoI
IYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaABUGDEYoIZ
YDOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaABUGDEYoIZI
DOLMNOKOPRSTUFXCHShSCHKommersantYbEYujaABUGDEYoIZIY
LMNOKOPRSTUFXCHShSCHKommersantYbEYujaABUGDEYoIZIYDO
MNOKOPRSTUFXCHShSCHKommersantYbEYujaABUGDEYoIZIYDOL
NOKOPRSTUFXCHShSCHKommersantYbEYujaABUGDEYoIZIYDOLM
OKOPRSTUFXCHShSCHKommersantYbEYujaABUGDEYoIZIYDOLMN
PRSTUFXCHShSCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKO
RSTUFXCHShSCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKOP
STUFXCHShSCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKOPR
TUFXCHShSCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKOPRS
UFXCHShSCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKOPRST
FXCHShSCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKOPRSTU
XCHShSCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKOPRSTUF
CHShSCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKOPRSTUFX
HShSCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKOPRSTUFXC
ShSCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKOPRSTUFXCH
SCHKommersantYbEYujaABUGDEYoIZIYDOLMNOKOPRSTUFXCHSh
KommersantYbEYujaABUGDEYoIZIYDOLMNOKOPRSTUFXCHShSCH
YbEYujaABUGDEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersant
bEYujaABUGDEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantY
EYujaABUGDEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYb
YujaABUGDEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbE
jaABUGDEYoIZIYDOLMNOKOPRSTUFXCHShSCHKommersantYbEYu

sl.4.17. Trisemus tablica

Prvi red je također abeceda za slova otvorenog teksta. Prvo slovo teksta je šifrirano u prvom retku, drugo slovo u drugom itd. Nakon korištenja posljednjeg retka, vraćaju se na prvi. Tako će poruka “ABRAMOV” imati oblik “AVTGRUZ”.

Vigenère sustav šifriranja. Godine 1586. francuski diplomat Blaise Vigenère predstavio je komisiji Henrika III. opis jednostavne, ali prilično jake šifre, koja se temeljila na tablici Trisemus.

Prije enkripcije odabire se ključ među znakovima abecede. Sam postupak šifriranja je sljedeći. I-ti znak otvorene poruke u prvom redu određuje stupac, a i-ti znak ključa u krajnjem lijevom stupcu određuje red. Na sjecištu retka i stupca nalazi se i-ti znak u šifrografu. Ako je duljina ključa manja od duljine poruke, ponovno se koristi. Na primjer, izvorna poruka je “ABRAMOV”, ključ je “UNCLE”, kod za šifriranje je “DAFIYOYE”.

Iskreno radi, valja napomenuti da autorstvo ove šifre pripada Talijanu Giovanniju Battisti Bellasu, koji ju je opisao 1553. Povijest je „ignorirala važnu činjenicu i šifru nazvala po Vigenèreu, unatoč činjenici da on nije učinio ništa da je stvori .” Bellazo je predložio pozivanje tajne riječi ili fraze lozinka(talijanska lozinka; francuska parole - riječ).

Godine 1863. Friedrich Kasiski objavio je algoritam za napad na ovu šifru, iako su poznati slučajevi razbijanja njegove šifre od strane nekih iskusnih kriptoanalitičara i prije. Konkretno, 1854. šifru je razbio izumitelj prvog analitičkog računala Charles Babbage, iako je ta činjenica postala poznata tek u 20. stoljeću, kada je grupa znanstvenika analizirala Babbageove izračune i osobne bilješke. Unatoč tome, Vigenèreova šifra je dugo bila na glasu kao iznimno otporna na ručno razbijanje. Tako je slavni pisac i matematičar Charles Lutwidge Dodgson (Lewis Carroll) u svom članku “Abecedna šifra”, objavljenom u dječjem časopisu 1868. godine, nazvao Vigenèreovu šifru neraskidivom. Godine 1917. popularnoznanstveni časopis Scientific American također je opisao Vigenèreovu šifru kao neraskidivu.

Rotacijski strojevi. Ideje Albertija i Bellasa korištene su za stvaranje elektromehaničkih rotacijskih strojeva u prvoj polovici dvadesetog stoljeća. Neki od njih korišteni su u različitim zemljama do 1980-ih. Većina njih koristila je rotore (mehaničke kotače), čiji je relativni položaj određivao trenutnu abecedu šifre koja se koristi za izvođenje zamjene. Najpoznatiji od rotacijskih strojeva je njemački stroj Enigma iz Drugog svjetskog rata.

Izlazni pinovi jednog rotora spojeni su na ulazne pinove sljedećeg rotora i kada se na tipkovnici pritisne simbol izvorne poruke, sklopi se električni krug, uslijed čega svijetli žaruljica sa simbolom zamjene šifre.

sl.4.19. Sustav rotora Enigma [www.cryptomuseum.com]

Enkripcijski učinak Enigme prikazan je za dvije uzastopno pritisnute tipke - struja teče kroz rotore, "reflektira" se od reflektora, zatim ponovno kroz rotore.

sl.4.20. Shema šifriranja

Bilješka. Sive linije pokazuju druge moguće električne krugove unutar svakog rotora. Pismo A drugačije je šifriran kada se izvrše uzastopni pritisci tipki, prvi u G, zatim unutra C. Signal ide drugim putem zbog rotacije jednog od rotora nakon pritiska na prethodno slovo izvorne poruke.

3. Opišite vrste supstitucijskih šifri.

Web dizajneri i programeri vole razbacivati ​​žargonom i nejasnim frazama koje nam je ponekad teško razumjeti. Ovaj će se članak usredotočiti na semantički kod. Hajdemo shvatiti što je to!

Što je semantički kod?

Čak i ako niste web dizajner, vjerojatno znate da je vaša stranica napisana u HTML-u. HTML je izvorno bio zamišljen kao sredstvo za opisivanje sadržaja dokumenta, a ne kao sredstvo da izgleda vizualno ugodno. Semantički kod vraća se ovom izvornom konceptu i potiče web dizajnere da pišu kod koji opisuje sadržaj, a ne kako bi on trebao izgledati. Na primjer, naslov stranice može se programirati na sljedeći način:

Ovo je naslov stranice

To bi naslov učinilo velikim i podebljanim, dajući mu izgled naslova stranice, ali u njemu nema ničega što ga opisuje kao "naslov" u kodu. To znači da ga računalo ne može prepoznati kao naslov stranice.

Kada pišemo naslov semantički, da bi ga računalo prepoznalo kao “naslov”, moramo koristiti sljedeći kod:

Ovo je naslov

Izgled zaglavlja može se definirati u zasebnoj datoteci pod nazivom "cascading style sheets" (CSS), bez uplitanja u vaš opisni (semantički) HTML kod.

Zašto je semantički kod važan?

Sposobnost računala da ispravno prepozna sadržaj važna je iz nekoliko razloga:

  • Mnogi slabovidni ljudi oslanjaju se na govorne preglednike za čitanje stranica. Takvi programi neće moći točno protumačiti stranice osim ako nisu jasno objašnjene. Drugim riječima, semantički kod služi kao sredstvo pristupačnosti.
  • Tražilice moraju razumjeti o čemu se radi u vašem sadržaju kako bi vas ispravno rangirale u tražilicama. Semantički kod ima reputaciju za poboljšanje položaja u tražilici jer ga alati za indeksiranje tražilice lako razumiju.

Semantički kod ima i druge prednosti:

  • Kao što možete vidjeti iz gornjeg primjera, semantički kod je kraći i učitavanje je brže.
  • Semantički kod olakšava ažuriranje web-mjesta jer stilove zaglavlja možete primijeniti na cijelom web-mjestu, a ne na stranici po stranicu.
  • Semantički kod je lako razumjeti, pa ako novi web dizajner uzme kod, bit će mu lako analizirati ga.
  • Budući da semantički kod ne sadrži elemente dizajna, tada je moguće promijeniti izgled web stranice bez ponovnog kodiranja cijelog HTML-a.
  • Još jednom, budući da je dizajn odvojen od sadržaja, semantički kod omogućuje svakome dodavanje ili uređivanje stranica bez potrebe za dobrim okom za dizajn. Vi jednostavno opišete sadržaj, a CSS određuje kako će taj sadržaj izgledati.

Kako možete biti sigurni da web stranica koristi semantički kod?

Trenutno ne postoji alat koji može provjeriti semantički kod. Sve se svodi na provjeru boja, fontova ili izgleda u kodu umjesto na opisivanje sadržaja. Ako analiza koda zvuči zastrašujuće, odlična je početna točka pitati svog web dizajnera - kodira li imajući na umu semantiku? Ako vas blijedo pogleda ili počne smiješno brbljati, budite sigurni da ne šifrira na ovaj način. U ovom trenutku morate odlučiti hoćete li mu dati novi smjer u radu ili pronaći sebi novog dizajnera?!

Semantika(franc. sémantique od starogrč. σημαντικός - označavajući) - znanost o razumijevanju određenih znakova, nizova simbola i drugih simbola. Ova se znanost koristi u mnogim područjima: lingvistici, proksemici, pragmatici, etimologiji itd. Ne mogu zamisliti što ove riječi znače i čemu sve te znanosti služe. I nije važno, zanima me pitanje korištenja semantike u izgledu web stranice.

Bilješka

Ovdje se neću doticati pojma semantički web. Na prvi pogled može se činiti da su teme Semantički web i semantički HTML kod gotovo iste stvari. No zapravo je semantički web prilično filozofski koncept i nema mnogo zajedničkog s trenutnom stvarnošću.

Semantički raspored - što je to?

U jeziku svaka riječ ima određeno značenje i svrhu. Kada kažete "kobasica", mislite na prehrambeni proizvod koji je mljeveno meso (obično meso) u duguljastom omotaču. Ukratko, mislite na kobasicu, a ne na mlijeko ili zeleni grašak.

HTML je također jezik, njegove “riječi” zvane tagovi također imaju određeno logično značenje i svrhu. Iz tog razloga prije svega semantički HTML kod je raspored s ispravnom upotrebom HTML oznaka, koristeći ih za njihovu namjenu, kako su ih zamislili programeri HTML jezika i web standarda.

microformats.org je zajednica koja radi na oživljavanju idealističkih ideja semantičkog weba približavanjem izgleda stranice tim istim semantičkim idealima.

Zašto i kome uopće treba semantički raspored?

Ako su informacije na mojoj web stranici prikazane na isti način kao na dizajnu, zašto se mučiti i razmišljati o nekakvoj semantici?! Ovo je dodatni posao! Kome ovo treba?! Tko će to cijeniti osim drugog dizajnera izgleda?

Često sam čuo takva pitanja. Hajdemo shvatiti.

Semantički HTML za web programere

Semantički kod za korisnike

Povećava dostupnost informacija na stranici. Prije svega, ovo je važno za alternativna sredstva kao što su:

  • semantički kod izravno utječe na količinu HTML koda. Manje koda -> lakše stranice -> učitavanje brže, manje RAM-a potrebno na strani korisnika, manje prometa, manja veličina baze podataka. Stranica postaje brža i jeftinija.
  • glasovni preglednici kojima su tagovi i njihovi atributi važni kako bi pravilno i intonirano izgovorili sadržaj ili, obrnuto, ne rekli previše.
  • mobilni uređaji koji ne podržavaju u potpunosti CSS i stoga se uglavnom oslanjaju na HTML kod, prikazujući ga na zaslonu prema korištenim oznakama.
  • uređaji za ispisčak i bez dodatnog CSS-a, informacije će biti ispisane kvalitetnije (bliže dizajnu), a stvaranje idealne verzije za ispis pretvorit će se u nekoliko lakih manipulacija CSS-om.
  • Osim toga, postoje uređaji i dodaci koji vam omogućuju brzo kretanje kroz dokument - na primjer, prema naslovima u Operi.

Semantički HTML za strojeve

Tražilice neprestano poboljšavaju svoje metode pretraživanja kako bi osigurale da rezultati sadrže informacije koje želite. stvarno izgleda korisnik. Semantički HTML to olakšava jer... podložan je mnogo boljoj analizi - kod je čišći, kod je logičan (možete jasno vidjeti gdje su naslovi, gdje je navigacija, gdje je sadržaj).

Dobar sadržaj plus visokokvalitetni semantički raspored već je ozbiljna primjena dobre pozicije u rezultatima tražilice.

Semantika HTML koda uvijek je vruća tema. Neki programeri pokušavaju uvijek napisati semantički kod. Drugi kritiziraju dogmatske sljedbenike. A neki čak nemaju pojma što je to i zašto je to potrebno. Semantika je definirana u HTML-u u oznakama, klasama, ID-ovima i atributima koji opisuju svrhu, ali ne specificiraju točan sadržaj koji sadrže. Odnosno, govorimo o odvajanju sadržaja i njegovog formata.

Počnimo s očitim primjerom.

Loša semantika koda

Naslov članka
I autor
Inko Gnito.

Dobra semantika koda

Naslov članka

Tekst članka koji je netko napisao. Inko Gnito- njegov autor.

Bez obzira mislite li da je HTML5 spreman za upotrebu ili ne, korištenje

u ovom će slučaju biti privlačniji nego inače
označavajući klasu. Naslov članka postaje naslov, sadržaj postaje paragraf, a podebljani tekst postaje oznaka. .

Ali nije sve tako jasno predstavljeno HTML5 oznakama. Pogledajmo skup imena klasa i vidimo ispunjavaju li semantičke zahtjeve.

Nije semantički kod. Ovo je klasičan primjer. Svaka radna površina CSS rešetke koristi ove vrste naziva klasa za definiranje elemenata mreže. Bilo da se radi o "yui-b", "grid-4" ili "spanHalf" - takvi su nazivi bliži označavanju nego opisivanju sadržaja. Međutim, njihova je uporaba neizbježna u većini slučajeva kada se radi s predlošcima modularne mreže.

Semantički kod. Podnožje je dobilo snažno značenje u web dizajnu. Ovo je donji dio stranice koji sadrži elemente kao što su navigacija koja se ponavlja, prava korištenja, podaci o autoru i tako dalje. Ova klasa definira grupu za sve te elemente bez njihovog opisa.

Ako ste prešli na korištenje HTML5, onda je bolje koristiti element

u takvim slučajevima. Napomena se također odnosi na sve ostale dijelove web stranice (zaglavlje bi trebalo biti
, bočna traka -

POVEZANI ČLANCI

Preporučujemo