У домаИзползванеПравила html общи правила щитове g2. Правила на езика HTML. Използвайте съкратени свойства и стойности
Правила html общи правила щитове g2. Правила на езика HTML. Използвайте съкратени свойства и стойности
Разкриване:Вашата подкрепа помага на сайта да работи! Печелим такса за препоръка за някои от услугите, които препоръчваме на тази страница. Научете повече
Споделянето е загриженост!
Атрибут на това, което прави
правя? Използва се за указване на показването на вътрешни граници между редове и колони. Този атрибут е отхвърлен. Вместо това използвайте CSS за стилизиране на границите на таблицата.
Атрибутът Rules е отхвърленТози атрибут е остарял и не трябва да се използва. Поддръжката на браузъра за този атрибут е ограничена и използването му може да доведе до неочаквани резултати. Вместо това използвайте CSS за стилизиране на таблици.
Атрибутът RULES
RULES, атрибут на HTML 4.0, показва дали трябва да има вътрешни граници в таблицата. Ще прегледаме всяка от стойностите на RULES и ще демонстрираме как се използват. RULES и FRAME имат досаден начин да променят настройките си по подразбиране. За да опростите живота си, ето основно правило: ако използвате RULES, използвайте също FRAME и BORDER. По-лесно е да избегнете объркване.
Стойността NONE за атрибута RULES
RULES=NONE означава, че няма вътрешни граници. RULES=NONE е по подразбиране, ако не използвате BORDER или го зададете на нула, но в противен случай трябва изрично да се посочи, че няма вътрешни граници. Имайте предвид, че в момента Netscape непризнават ПРАВИЛА.
Име
храна
Звездно цвете
разбъркано тофу
Мико
зеленчукова оризова супа
Анди
хумус
Пинг
френски тост
Стойността ALL за атрибута RULES
RULES=ALL показва, че всички вътрешни граници трябва да са видими. RULES=ALL обикновено се използва във връзка с FRAME=VOID, така че да има външни граници, но не и вътрешни.
Когато се приложи към таблица, тази стойност ни дава следния резултат:
Име
храна
Звездно цвете
разбъркано тофу
Мико
зеленчукова оризова супа
Анди
хумус
Пинг
френски тост
Стойността COLS за атрибута RULES
COLS показва, че трябва да има граници между колоните, но не и между редовете.
Когато се приложи към таблица, тази стойност ни дава следния резултат:
Име
храна
Звездно цвете
разбъркано тофу
Мико
зеленчукова оризова супа
Анди
хумус
Пинг
френски тост
Стойността ROWS за атрибута RULES
RULES=ROWS показва, че трябва да има граници между редовете, но не и между колоните.
Когато се приложи към таблица, тази стойност ни дава следния резултат:
Име
храна
Звездно цвете
разбъркано тофу
Мико
зеленчукова оризова супа
Анди
хумус
Пинг
френски тост
Стойността GROUPS за атрибута RULES
RULES=GROUPS ви позволява да поставите граници между групи от клетки на таблица. Има два начина, по които клетките могат да бъдат групирани: по ред и по колона. Нека да разгледаме всеки от тях Имайте предвид, че в момента Netscape не разпознава RULES.
Групиране по ред
За групиране по ред използвайте ,
, етикети. обозначава заглавните редове на таблицата, показва основното тяло на таблицата и обозначава долните редове. Така например този код създава таблица с три групи. Границите се появяват само между групите:
Име
храна
цена
Звездно цвете
разбъркано тофу
5.95
Мико
зеленчукова оризова супа
4.95
Анди
хумус
3.95
Пинг
френски тост
5.95
Обща сума
20.80
Ето как се изобразява тази таблица:
Име
храна
цена
Звездно цвете
разбъркано тофу
5.95
Мико
зеленчукова оризова супа
4.95
Анди
хумус
3.95
Пинг
френски тост
5.95
Обща сума
20.80
Групиране по колона
За групиране по колона използвайте
етикет и неговия SPAN атрибут.
отнема малко свикване, защото всъщност не обикаля клетките на таблицата. Отива в горната част на кода на таблицата, където задава правила за колоните на таблицата, включително кои са групирани заедно.
до показва колко колони има във всяка група. Ако оставите SPAN, тогава се приема, че групата има само една колона. Така например следният код казва, че първата колона е в група сама по себе си, а трите след нея са заедно в група. Забележи това
изисква краен етикет. Границите ще минават само между групите.
Основи на HTMLсъдържат основните правила на езика HTML, описание на структурата на HTML страница, връзки в структурата на HTML документ между HTML елементи.
HTML документът е нормален Текстов документ, може да се създаде както обикновено текстов редактор(Тетрадка), а в специализирана, с подчертаване на кода (Notepad++, визуално студиокод и др.). Един HTML документ има разширение .html.
Един HTML документ се състои от дърво от HTML елементи и текст. Всеки елемент се идентифицира в изходния документ чрез начален (отварящ) и краен (затварящ) таг (с редки изключения).
Начален етикетпоказва къде започва елементът, край - къде свършва. Затварящ етикетобразува се чрез добавяне на наклонена черта / преди името на етикета:<имя тега> … имя тега>. Между началния и крайния тагове е съдържанието на тага - content.
Единичните етикети не могат да съхраняват директно съдържание, то се записва като стойност на атрибут, например етикет ще създаде бутон с текст Бутонвътре.
Етикетите могат да бъдат вложени един в друг, например
Текст
. Когато инвестирате, трябва да следвате реда на тяхното затваряне (принцип на "матрьошка"), например, следният запис би бил неправилен:
Текст
.
HTML елементите могат да имат атрибути (глобални, приложени към всички HTML елементи и свои собствени). Атрибутите се записват в отварящия таг на елемент и съдържат име и стойност, посочени във формат атрибут name="value" . Атрибутите ви позволяват да променяте свойствата и поведението на елемента, за който са зададени.
Всеки елемент може да има множество стойности на класа и само една стойност на id. Множество стойности на класа се записват с интервал,
. Стойностите на класа и идентификатора трябва да съдържат само букви, цифри, тирета и долни черти и трябва да започват само с букви или цифри.
Браузърът разглежда (интерпретира) HTML документ, изгражда неговата структура (DOM) и го показва според инструкциите, включени в този файл (стилове, скриптове). Ако маркирането е правилно, прозорецът на браузъра ще покаже HTML страница, съдържаща HTML елементи - заглавия, таблици, изображения и т.н.
Процес на тълкуване (разбор)стартира преди уеб страницата да е напълно заредена в браузъра. Браузърите обработват HTML документи последователно от самото начало, докато обработват CSS и свързват таблиците със стилове към елементите на страницата.
Един HTML документ се състои от две секции - заглавието - между таговете
… и съдържание - между тагове … .
Структура на уеб страницата
1. Структурата на HTML документа
Езикът HTML следва правилата, съдържащи се във файла с декларация за типа документ. (Определение на типа документ или DTD). DTD е XML документ, който определя кои тагове, атрибути и техните стойности са валидни за конкретен HTML тип. Всяка версия на HTML има свой собствен DTD.
DOCTYPEотговорен за правилното показване на уеб страницата от браузъра. DOCTYPE дефинира не само HTML версия(напр. html), но и съответния DTD файл в мрежата.
...
Елементи в таг , формират дърво на документи, т.нар обектен модел на документ, DOM (обектен модел на документ). В същото време елементът е коренният елемент.
За да разберем взаимодействието на елементите на една уеб страница, е необходимо да разгледаме т.нар "семейни отношения"между елементите. Връзките между множество вложени елементи се класифицират като родителски, дъщерни и братски връзки.
ПрародителЕлемент, който съдържа други елементи. На фигура 1 предшественикът за всички елементи е . В същото време елементът
е предшественик на всички тагове, които съдържа:
,
, ,
Потомък- елемент, разположен вътре в един или повече видове елементи. Например,
е потомък , и елементът
Дете е и на двамата
и .
родителски елемент- елемент, свързан с други елементи от по-ниско ниво и разположен на дървото над тях. Фигура 1
и . Етикет
Е родител само на .
дъщерен елемент- елемент, пряко подчинен на друг елемент от по-високо ниво. На фигура 1 само елементи
,
,
И
сестрински елемент- елемент, който има общ родителски елемент с разглеждания елемент, така наречените елементи от едно и също ниво. Фигура 1
и - елементи от същото ниво, както и елементи
,
и
Те са сестрински отношения.
1.1. елемент
1.2. елемент
Глава
...съдържа техническа информация за страницата: заглавие, описание, ключови думи за търсачките, кодиране и др. Въведената в него информация не се показва в прозореца на браузъра, но съдържа данни, които указват на браузъра как да обработи страницата.
1.2.1. елемент
Задължителен етикет за раздел
е етикетът . Текстът, поставен в този етикет, се показва в заглавната лента на уеб браузъра. Дължината на заглавието не трябва да надвишава 60 символа, за да се побере напълно в заглавието. Заглавният текст трябва да съдържа най-пълното описание на съдържанието на уеб страницата.
1.2.2. елемент
Незадължителен етикет за раздел
е един етикет . С него можете да зададете описание на съдържанието на страницата и ключови думи за търсачките, автора на HTML документа и други свойства на метаданните. елемент може да съдържа множество елементи , тъй като в зависимост от използваните атрибути те носят различна информация.
Описанието на съдържанието на страницата и ключовите думи могат да бъдат посочени едновременно на няколко езика, например на руски и английски:
С етикет можете да деактивирате или разрешите индексирането на уеб страница от търсачките:
За автоматично презареждане на страницата след определен период от време трябва да използвате стойността за опресняване:
Страницата ще се презареди след 30 секунди. За да пренасочите посетителя към друга страница, трябва да посочите URL адреса в параметъра url:
Таблица 2. Атрибути на тагове
Атрибут
набор от знаци
Указва кодирането на знаци за текущия HTML документ:
съдържание
Съдържа произволен текст, който указва стойността, свързана с http-equiv или атрибута name, в зависимост от тяхната стойност.
http-еквив
Управлява действията на браузъра на тази уеб страница (еквивалентно на HTTP хедъри). Когато показва страницата, браузърът ще следва инструкциите, дадени в атрибута: default-style указва предпочитания стил за използване на страницата. Атрибутът content трябва да съдържа идентификатора на елемента , който се отнася до CSS стилов лист или ID на елемент
използване на елемент . Елементът не изисква затварящ таг. Този елемент определя връзката между текущата страница и други документи. На една страница може да има няколко такива елемента. Записът ще изглежда така:
Таблица 4. Атрибути на тагове
Атрибут
Описание, приета стойност
кръстосан произход
Указва дали CORS (технология за браузър, която позволява на уеб страница да има достъп до ресурси от различен домейн) трябва да се използва при извличане на изображение от сайт. анонимен - при междудомейн заявка, браузърът автоматично добавя Origin хедър, съдържащ името на домейна, от който е направена заявката. Ако сървърът не отговори с CORS заглавка Access-Control-Allow-Origin: * (или име на домейн вместо звездичка), тогава изображението ще бъде блокирано за зареждане. use-credentials - ако сървърът не предостави идентификационни данни с Access-Control-Allow-Credentials: true , тогава изображението ще бъде блокирано за зареждане.
href
Основният атрибут на тага, стойността е пътят до файла със стилове.
hreflang
Указва езика на текста в свързания документ.
медии
Указва типа устройство, към което трябва да се приложи ресурсът за връзка.
еднократно
Произволно генерирана от сървъра низова променлива, която задава правилата за използване на вградени стилове за защита на съдържанието. Стойността на атрибута е низ от текст.
отн
Атрибутът определя връзката между текущия документ и посочения документ. алтернативен - връзка към същия документ, но в различен формат (например страници за печат, превод, огледало, RSS или Atom канал),
.
архиви показва, че свързаният документ е от исторически интерес. Връзката може да сочи към колекция от записи, документи и други материали. авторска връзка към страницата за автора на документа или към страницата с данни за контакт с автора. bookmark Препратка към най-близкия предшественик на статията, който е връзката, или към раздела на статията, който е най-тясно свързан с елемента, ако няма предшественик. external се използва, за да покаже, че свързаната страница не е част от този сайт. first указва връзка към първия документ в поредица от документи. връзка за помощ към помощен документ. icon указва пътя до иконата, която да се използва за текущия документ. last указва връзка към последния документ в поредица от документи. лиценз Връзка към информацията за авторските права за документа. next показва, че този документ е част от поредица и че връзката сочи към следващия документ в поредицата.
nofollow показва, че връзката не е одобрена от автора на страницата или че връзката е комерсиална. noreferrer указва, че заглавката на клиентската заявка, съдържаща URL адреса на източника на заявката, не трябва да се предава, когато се следва връзката. pingback указва адреса на pingback сървъра, който позволява на блога автоматично да уведомява сайтовете, свързващи към него. prefetch указва, че посоченият файл трябва да бъде предварително кеширан. prev показва, че този документ е част от поредица и че връзката сочи към предишния документ в поредицата.
търсене показва, че посоченият документ съдържа интерфейс за търсене и свързани ресурси. страничната лента показва, че свързаният документ, ако е възможно, ще бъде показан в допълнителен контекст на браузъра, а някои браузъри, когато се щракне върху хипервръзката, ще отворят прозорец за добавяне на връзката към лентата с отметки. stylesheet е препратка към външен файл, който ще се използва като стилов лист за този документ. показва, че етикетът, към който води хипервръзката, принадлежи на този документ. up показва, че страницата е част от йерархична структура и че хипервръзката води към ресурс от по-високо ниво в структурата.
размери
Указва размера на иконите за визуално показване. Атрибутът sizes се използва само във връзка с rel="icon" и може да приема следните стойности: ширина височина - дефинира списък с размери, разделени с интервали, всеки размер трябва да бъде във формат - ширина височина (размерите на иконите са посочени в пиксели), например:
; всяка - иконата може да бъде мащабирана до произволен размер.
заглавие
Указва заглавието на връзката или името на набора от алтернативни стилови листове. Стойността на атрибута е текст.
Тип
Указва типа MIME на документа, към който се свързва. В този случай той приема стойността "text/css".