Hallå! Låt oss fortsätta att titta på grunderna i webbplatsprogrammering. Det är svårt att föreställa sig åtminstone en av dem som inte innehåller en paragraftagg i sin kod. Idag ska vi titta på hur man skriver det korrekt och en beskrivning av flera ytterligare åtgärder med text.

Exempel

Låt oss titta på ett exempel på hur man gör ett stycke i HTML-kod.

En eller flera meningar.

En förutsättning är närvaron av en öppnings- och stängningsetikett. Förresten, du kan göra allt direkt i Anteckningar, du behöver bara spara filen i lämpligt format senare.

Formatering

Ganska ofta märker jag att folk är intresserade av hur man gör en röd linje. För ett specifikt stycke är det väldigt enkelt.

Om du aktiverar dessa alternativ dras in den första raden 15 pixlar från vänsterkanten. Om sådana ändringar ska tillämpas på alla P-taggar kan du skriva koden som visas nedan i CSS-filen som är kopplad till webbplatsens sidor.

Själv brukar jag inte göra röda streck när jag redigerar kod i Notepad eller annan editor.

Jag inkluderar helt enkelt stoppning mellan textblock. För att göra detta måste du ange speciella parametrar i CSS.

p(marginal-bottom:25px;)

Om du använder den här designen kommer det att finnas ett indrag på 25 pixlar efter varje stycke.

Faktum är att det finns många alternativ för att arbeta med HTML och olika stilar. Jag har bara beskrivit ett fåtal av dem. Det är väldigt svårt att täcka allt i en artikel.

Vill veta mer? Du kan ha nytta av mina tidigare publikationer om följande ämnen:

Det är här jag kommer att avsluta artikeln och, tror jag, nu kommer det inte att vara svårt att göra stycken i HTML och formatera dem vackert med speciella taggar.

Jag önskar dig stor framgång med att bemästra programmering. Har du förresten tänkt på att tjäna pengar på ideella informationssajter? Han gav helt enkelt fantastisk information speciellt för sina läsare.

Vanligt onlinearbete och ekonomi är nyckelämnena i den här bloggen. Du kan bekanta dig med enskilda potentiella kunder online just nu från publicerat material. Jag fortsätter att förbereda och publicera nytt, och viktigast av allt, riktigt användbart innehåll. Prenumerera på Workip-uppdateringar till din e-post. Vi ses senare.

C/C++ fundamentala typer som int , double etc. Är atomic, till exempel, trådsäker?

är de fria från datarace; det vill säga, om en tråd skriver till ett objekt av den här typen och en annan tråd läser från det, är beteendet väl definierat?

Om inte, är det kompilatorberoende eller något annat?

Peter Mortensen

4 svar:

du kan använda std::atomic istället eller std::atomic .

Notera: std::atomic introducerades med C++11, och jag förstår att före C++11 erkände C++-standarden inte existensen av multithreading alls.

utförande av program 5.1.2.3

När abstrakt maskinbearbetning avbryts av ankomsten av en signal, specificeras inte värdena för objekt som inte är atomära icke-låsande objekt, eller av typen volatile sig_atomic_t, och inte heller tillståndet för flyttalsmiljön. Detta värde för ett objekt som modifierats av en hanterare som varken är ett låsfritt atomobjekt eller av typen volatile sig_atomic_t blir odefinierat när hanteraren lämnar, liksom tillståndet för flyttalsmiljön om det är modifierat av hanteraren och inte återställd till sitt ursprungliga skick.

5.1.2.4 Flertrådade körningar och datarace

två uttrycksutvärderingar konflikt om en av dem modifierar en minnesregion och den andra läser eller modifierar samma minnesregion.

[flera sidor med standarder - vissa stycken relaterade till atomtyper]

programkörning innehåller datarace om den innehåller två motstridiga aktiviteter på olika trådar, varav åtminstone en inte är atomär och ingen av dem förekommer före den andra. vad är resultatet av datarace i odefinierat beteende.

processorn kan också ordna om minnesåtkomster i enlighet med den processorns minnesordningsbegränsningar. Minnesbeställningsbegränsningar för x86-arkitekturen finns i Intel 64 och ia32 Architectures Software Developer's Guide avsnitt 8.2, med början på sidan 2212.

primitiva typer (int, char etc) är inte atomära

Jag hoppas att detta förklarar Varför primitiva typer är inte atomära.

Ytterligare information som jag hittills inte har sett nämns i andra svar:

om du använder std::atomic , till exempel är bool faktiskt atomär på målarkitekturen, då kommer kompilatorn inte att generera redundanta stängsel eller lås. Samma kod kommer att genereras som för en enkel bool.

med andra ord, att använda std::atomic gör bara koden mindre effektiv om den faktiskt krävs för korrekthet på plattformen. Så det finns ingen anledning att undvika det.

Vi introducerades delvis till sidrubriken H1 och stycke P i den första lektionen om strukturen i ett HTML-dokument. Låt oss nu titta på logiska uppmärkningstaggar: rubriker, stycken, listor, synliga element i Body-elementet och fysiska formateringstaggar i mer detalj. För att göra detta, låt oss ändra vår exempelsida något eller skriva den igen:

I vår tränings-html-sida lade vi till (markerad med pilar, en gång): en rubrik på andra nivån - en H2-tagg, två rubriker på tredje nivån - en H3-tagg, ett annat stycke - en P-tagg, en punktlista - Ul och flera fysiska formateringstaggar . Låt oss öppna sidan i webbläsaren:

Taggar H1-H3 indikerar rubriker på olika nivåer - det finns sex av dem. Rubriken på den lägsta nivån är följaktligen H6. Rubriker måste användas logiskt och H1-rubriken på högsta nivån bör endast visas en gång på sidan. H1-rubriken visas i stort teckensnitt av webbläsare, och teckensnittsstorleken i rubrikerna på nästa nivå minskas i enlighet med detta.

Sökrobotar lägger stor vikt vid innehållet i rubriker på toppnivå. Och det är lättare för användare att navigera på en sida med logiskt korrekt uppbyggda rubriker.

Taggar för fysisk formatering

Det finns en horisontell stapel synlig på sidan efter andra stycket - den skapas av Hr-elementet, som inte har en avslutande tagg. Br-taggen betyder en ny rad, den är inte heller ihopparad – utan stängningstagg. När du formaterar text kan du använda flera Br-element i rad - varje nästa kommer att lägga till en ny tom rad.

Låt oss nu vara uppmärksamma på ordet "kropp" i andra stycket, inneslutet i en parad B-tagg, vilket gör ordet fet. Och frasen "format text" visas i kursiv stil - detta uppnås med I-taggen. U-taggen sätter understrykningen (det är inte i vårt exempel).

Utöver dessa taggar som markerar textfragment finns det även en Strong-tagg i HTML – den framhäver ett fragment som har betydelse (fet). Och Em-taggen är lite mindre viktig (kursiv). Sökrobotar är mer uppmärksamma på dessa två taggar, som indikerar fraser som är viktiga i sin logiska betydelse. Det är lämpligt att inkludera nyckelord i dem, men du bör inte överdriva det. Detsamma gäller rubriker.

Här är några fler fysiska textformateringstaggar: Q - Markerar ett citat på en rad. Blockcitat blockelement - denna tagg kan innehålla flera stycken.

Kodtaggen används för att markera kodfragment den måste användas med Br-radbrytningar och icke-brytande mellanslag: speciella symboler används för att beteckna dem. symbol (första tecknet - och-tecken: tangent 7 med Shift nedtryckt i den engelska layouten). Men Pre-taggen visar programkoden som den är, med mellanslag och så många rader som det finns i koden.

Dessa är de vanligaste delarna av textdesign för andra formateringstaggar och specialtecken, se HTML-referensen, som finns på samma sida - den har praktisk alfabetisk navigering.

Skapa html-listor

Det återstår att överväga skapandet av listor, vi har det markerat och specificerat av den parade taggen Ul, och dess element, eller objekt, av taggen Li (första skärmbilden). Genom att använda typattributet, för både Ul- och Li-taggarna, kan vi ändra typen av markör. Som standard, dvs. om attributet inte är specificerat är dess värde "disk" - en cirkel. Du kan ställa in typattributet med värdet "cirkel" - cirkel. Eller så här:

– vi kommer att få en lista med fyrkantiga markörer.

Egentligen kommer jag inte att fokusera på andra taggattribut än de obligatoriska och ett par exempel för allmän förståelse. För att ställa in stilar är det bättre att använda CSS-egenskaper - vi kommer till dem, och du hittar attributen i referensboken.

Utöver punktlistor finns det numrerade listor, som anges med Ol-taggen, och listelement, som punktlistor, med Li-taggen. Dessutom kan du skapa för båda typerna av listor kapslade listor. Låt oss komplicera uppgiften och ändra vår lista på exempelsidan till följande:



Låt oss öppna sidan i webbläsaren och vi kan tydligt se: en numrerad lista med en punktlista kapslad i den, för vilken "kvadrat"-värdet för typattributet anger fyrkantiga markörer.

Hej kära bloggläsare! Denna artikel kommer att prata om textformateringstaggar. Bra exempel är att göra text fet eller kursiv. Vi kommer också att titta på effekten av vissa taggar på intern webbplatsoptimering och reglerna för att skriva dem. Du kan läsa om det i den givna artikeln. Förresten, du kan hitta liknande textdesignelement i många textredigerare, till exempel i Word.

Taggar är indelade i 2 typer: block och inline. När du använder det förra kan du ändra innehållet i en del av texten (rader, enskilda fragment eller ord), och de senare är . Formateringstaggarna vi kommer att titta på i den här artikeln är huvudsakligen gemener.

Regler och ordning för att skriva taggar

Du vet redan vad öppnings- och stängningstaggar är. Om inte, läs artikeln som ges i början av detta material. Kort sagt finns det två typer av taggar: singel (till exempel ny rad
) och behållare (i par). Så alla textformateringstaggar är det parat. Det betyder att alla element har en öppnings- och stängningsetikett, och markeringen måste placeras mellan dem. Till exempel skulle det korrekta valet av en fras se ut så här: Valt fragment

När webbläsaren bearbetar detta fragment kommer du att se följande text: Valt fragment. Förresten, alla taggar visas inte i RSS-flödet ().

Det viktigaste när du skriver taggar är att inte glömma att stänga dem. Annars kommer all text på sidan att markeras i fetstil (i exemplet med taggen ). Men det finns fall då du behöver markera ett visst fragment i både fet stil och kursiv stil samtidigt. Men det finns ingen tagg som utför denna åtgärd. Det finns bara en väg ut ur denna situation: använd två taggar samtidigt. Det spelar ingen roll i vilken ordning du använder dem. Skriv därför text med taggar så här:

Valt fragment

eller så här:

Valt fragment

Du kommer fortfarande att få Valt fragment kursiv och fet på samma gång. Det är dock att föredra att använda det första alternativet, eftersom det från början var det enda och korrekta. Glöm inte heller att varje webbläsare kan behandla taggar på olika sätt (), beroende på inställningarna. Låt oss nu gå vidare till själva formateringstaggarna.

Fet och kursiv text - taggar , , Och

De mest populära textformateringstaggarna - markera den djärv Och kursiv. De används vanligtvis för att ge vikt åt ett fragment. Det första fallet tjänar till att markera ett fragment som innehåller användbar information eller nyckelord. Kursiv stil tjänar samma syfte som fet text, men informationen är mindre viktig eftersom kursiv stil är mindre märkbar i bakgrunden av brödtexten än fet text.

Låt oss överväga först gör text fet. Det finns två taggar som används för denna åtgärd − Och . Det är ingen skillnad i utseende. Med tanke på att varje webbläsare kan tolka varje element på olika sätt kan du dock se eventuella skillnader. Så här ser texten i taggar ut Och i ett formulär som redan bearbetats av webbläsaren:

Text i taggar stark

Text i b-taggar

Och så här ser dessa två rader ut i sidans källkod:

Text i taggar stark Text i b-taggar

Vi kan observera samma situation i fallet med kursiv etikett Och . Försök att hitta skillnaderna mellan de två exemplen:

Text i em-taggar

Text i taggar I

Och här är källkoden:

Text i em-taggar Text i taggar I

Så de ansedda feta och kursiverade taggarna är faktiskt inte annorlunda, men varför behöver vi då till exempel taggen om det ? När allt kommer omkring innehåller det sistnämnda bara ett tecken (gäller inte parenteser) och är därför lättare att skriva. Och hela poängen är att taggar Och inflytande . Om du omger nyckelord med dessa taggar kommer detta att ha en gynnsam effekt på webbplatsens marknadsföring. Det viktigaste är att inte överdriva det - texten bör innehålla högst 5% fet text i taggen , och samma mängd kursiv stil i taggen .

Om du bara vill markera någon punkt i texten, använd taggen eller . Generellt tror jag att sökmotorer också anser texten i dessa taggar som viktigare, men intern optimering de har fortfarande mindre inflytande än Och .

Taggar för att markera text med en linje - , Och

Låt oss nu titta på några taggar som använder ett bindestreck i textdesign. Den mest kända textredigeraren du känner är märka eller understrykning. Den här taggen har ingen inverkan på rankningen (såvitt jag vet), men att markera en del text och fokusera uppmärksamheten på det kommer att hjälpa. Jag gav ett exempel på att använda denna tagg precis ovan.

Ytterligare två taggar med liknande syfte - Och . Båda utför funktionen att stryka ut text. Du kan använda denna tagg i alla situationer: om du uppdaterar ett dokument (eller snarare en del av det), kan du stryka över det gamla och lägga till ett nytt; om du ska skriva något som avviker från materialets ämne; något som inte motsvarar moraliska och etiska normer.

Skillnaderna mellan dessa två taggar finns bara i deras skrift, som ett resultat av vilket det är att föredra att använda den första, eftersom För det första är det bekvämare att skriva, och för det andra kommer din sida att innehålla mindre HTML-kod, och sökmotorer älskar detta.

Märka och attribut - parametrar för textteckensnitt

Tänk nu på en tagg som inte används utan attribut. Med den kan du ställa in parametrar för en specifik text. I allmänhet är det nu att föredra att använda (cascading style sheets), eftersom... genom att använda dem kan du avsevärt minska hela HTML-koden på sidan. Så låt oss titta på samma tagg . Allt finns för honom tre attribut:

• ansikte- själva teckensnittet. Till exempel Arial, Courier eller Verdana. Du kan lista flera, eftersom inte alla användare har en omfattande uppsättning teckensnitt, och genom att skriva flera i ansiktsattributet kommer webbläsaren att kunna välja vilket som ska användas, eller snarare vilket som finns i systemet;
• storlek— ett attribut som anger textstorleken. Kan uttryckas både i konventionella enheter och i pixlar;
• Färg- text färg. Detta attribut kan användas både i HTML-färgkoder och i ord ettor. De första har formen #FFFFFF (där F är valfri siffra eller bokstav från A till F), och de andra skrivs med enkla ord (till exempel rött).

Så här ser texten i taggen ut använder varje attribut:

Denna text är 6px

Denna text är röd
Denna text är i Arial-typsnitt
Denna text är röd och storlek 5px

Och det här är vad du kommer att se efter att ha bearbetat den skrivna koden:


Blocktextdesignelement - rubriker

-

, paragraf

Slutligen kommer vi att titta på blockelement, som används i nästan alla dokument. Dessa är rubrik- och stycketaggar. Låt oss överväga den första. Det finns 6 typer av rubriker och var och en har sin egen tagg. Varje typ har bara sitt eget serienummer och registreras med taggar

,

,...,

. Så här ser alla rubriker ut när de bearbetas:



Siffran efter ordet titel motsvarar numret i taggen . Rubriker har en enorm inverkan på optimering på sidan, så slå in dem i taggar nyckelord. Det finns en hel del funktioner i det här fallet, som jag kommer att prata om i efterföljande artiklar.

Låt oss nu prata om styckemarkeringstaggen

Funktionen av denna tagg är att separera text mellan en annan identisk text och en tom rad. Om du tittar på källkoden för ett dokument kan du se följande:



Gröna rektanglar innehåller ett stycke, röda rektanglar innehåller ett annat. Och så här ser den här koden ut efter bearbetning av webbläsaren (pilen pekar på en tom rad):



Som ett resultat får vi en ganska märkbar separation av ett stycke från ett annat, vilket är fördelaktigt - läsning blir bekvämare.

Detta är slutet på artikeln om dokumentformateringstaggar. Det finns många fler av dem än jag beskrev i det här materialet. Det är bara det att mycket behöver sägas om några av dem, som ett resultat av vilka separata artiklar med en fullständig recension kommer att ägnas åt dem!

Varje text har sin egen unika struktur: böcker är indelade i delar, sektioner och kapitel, tidningar och tidskrifter har separata rubriker och underrubriker, som i sin tur inkluderar fragment av text som också har sin egen struktur: stycken, indrag, etc.

Texten som publiceras på webbsidor är inget undantag, den måste också ha en logisk struktur som är förståelig för alla användare. När allt kommer omkring beror mycket på hur bekväm och enkel texten på sidan uppfattas: först och främst vilket intryck besökaren kommer att få av din webbplats.

För att skapa strukturella textenheter som stycken använder HTML-dokument taggen

, som separerar textfragment med en vertikal indrag (en tom rad läggs till före och efter stycket).

Obs: som standard är avståndet mellan stycken 1 em (em är en måttenhet som är lika med höjden på teckensnittet), det vill säga avståndet mellan stycken beror direkt på teckenstorleken.

För att ändra marginalerna mellan stycken utan att ändra teckenstorleken kan du använda egenskapen margin CSS.

Glöm inte den avslutande taggen

De flesta webbläsare renderar HTML-dokumentet korrekt även om du glömmer den avslutande taggen.

Paragraf

Ännu ett stycke

Den här koden fungerar i de flesta webbläsare, men lita inte på den. En bortglömd stängningstagg kan leda till oväntade resultat eller fel.

röd tråd

Vad är en röd linje? Per definition är detta startraden för ett stycke, som brukade markeras i rött (därav namnet). Innan trycket uppfanns skrevs böcker för hand - ett kapitel eller en del av texten, det första ordet eller bokstaven skrevs i röd färg. Så här dök begreppet "skriva från den röda linjen" ut - det här betyder början på en ny tanke, kapitel eller del.

Men när du skapar webbsidor används den röda linjens design ganska sällan, trots att det gör det mycket bekvämare att uppfatta texten visuellt, vilket är ganska viktigt för den traditionella läsaren - alla är inte bekväma med att läsa den elektroniska versionen av texten.

För att lägga till en röd linje i dina stycken måste du använda egenskapen text-indent CSS, som låter dig dra in den första meningen:

Prova "

I exemplet ovan börjar den första raden i varje stycke på sidan med ett indrag på 25 px. Exemplet nedan visar hur du kan ställa in en röd linje endast för ett specifikt stycke på en sida.

Som i all verklig konst finns det inga bagateller i bra texter, till vilka vissa inkluderar den röda linjen, och tror att dess användning inte är så viktig. Vi måste dock förstå att varje kommatecken bär både en estetisk och semantisk belastning, och inte bara är en hyllning till grammatikens regler – detta gäller även formatering.

Prova "

Notera: det är inte nödvändigt att sätta indraget till 25px, du kan själv välja den optimala indragsstorleken, och med hjälp av text-indent-egenskapen är det möjligt att göra en rad som sticker ut ovanför resten av texten för detta ett negativt värde för egendomen (till exempel: -30px).