, e, Forse A contenente note e abbreviazioni.
Contenuto all'interno di un elemento
, salvo riferimento alla fonte e modifiche al testo, dovrebbe essere citazione esatta da altra fonte il cui indirizzo, se presente, può essere specificato nell'attributo cite.
Caso raro
Uno degli argomenti contro l'uso di citazione e piè di pagina all'interno di una citazione in blocco per indicare la fonte delle citazioni è che il contenuto citato stesso può contenere citazioni e citazioni. Possiamo scartare questa argomentazione perché tali casi sono estremamente rari. Decidere di uscire e per il bene di un caso così raro è un altro esempio di purezza teorica che non servirà a scopi pratici.
Ma se questo è il tuo caso, attualmente le specifiche HTML ti dicono di commentare semplicemente la citazione della fonte nel codice del preventivo. (La domanda è ancora aperta e questo suggerimento è soggetto a modifiche):
(Aggiunto il 6/11/13, ndr.) In risposta al feedback, abbiamo deciso di modificare la nostra proposta per la specifica per utilizzare l'attributo class (che può essere utilizzato per estendere) l'elemento per indicare che fa parte della fonte della citazione.
Il mio libro preferito è A Swim-Two Birds
Modifiche alla definizione
Gli sviluppatori si sono opposti alle modifiche alla definizione:
Unisciti alla campagna di disobbedienza civile contro i cambiamenti di elementi eccessivamente restrittivi e incompatibili con le versioni precedenti . Inizia a usare HTML5, ma inizia a usarlo con saggezza. Vediamo come i cattivi consigli vanno in malora.
Hanno anche fornito esempi astratti e reali di citazione della fonte. Ora, come risultato della ricerca, dell'analisi dei dati e della discussione, gli sviluppatori possono riutilizzarli per fare riferimento
In questa lezione parleremo dell'evidenziazione delle virgolette nel testo e delle interruzioni di riga forzate. In linea di principio, i tag discussi qui non sono usati così spesso nelle pagine HTML, ma a volte non puoi farne a meno. Quindi andiamo.
Etichetta o evidenziare le virgolette lunghe
Il tag viene utilizzato in HTML per evidenziare le cosiddette "virgolette lunghe", come uno o più paragrafi. Questo tag è bloccare e può contenere tag di blocco, ma non può contenere incorporato . Inoltre, aggiunge gli stessi margini esterni dei paragrafi sopra e sotto, ma aggiunge anche margini laterali, grazie ai quali il testo citato viene evidenziato visivamente.
Un esempio di utilizzo del tag BLOCKQUOTE
Usando il tag BLOCKQUOTE
Molto spesso, il tag BLOCKQUOTE non viene utilizzato per lo scopo previsto: evidenziare il testo citato. Ma solo per il bene dell'imbottitura laterale che crea. In linea di principio, tale uso di questo tag non contraddice la sintassi dell'HTML, la cosa principale è che BLOCKQUOTE contiene tag di blocco. Tuttavia, è meglio non usarlo in questo modo, poiché BLOCKQUOTE è progettato specificamente per evidenziare le virgolette lunghe.
Risultato nel browser
A cosa serve il tag BLOCKQUOTE? Ecco cosa ci dice il sito Seodon.ru a riguardo:
Molto spesso, il tag BLOCKQUOTE non viene utilizzato per lo scopo previsto: evidenziare il testo citato. Ma solo per il bene dell'imbottitura laterale che crea. In linea di principio, tale uso di questo tag non contraddice la sintassi dell'HTML, la cosa principale è che BLOCKQUOTE contiene tag di blocco. Tuttavia, è meglio non usarlo in questo modo, poiché BLOCKQUOTE è progettato specificamente per evidenziare le virgolette lunghe.
Etichetta o evidenziare piccole virgolette
Ed ecco il tag
... usato per riferirsi a piccole citazioni o parole in senso figurato. Tutto il testo che si trova tra i tag di questo elemento viene messo tra virgolette. A proposito, - è il più comune in linea (livello di linea) un tag che può contenere solo tag inline.
Esempio di evidenziazione delle citazioni
Evidenzia le virgolette nel testo
Per imparare una lingua, la libera curiosità è molto più importante della formidabile necessità. Agostino Aurelio.
Qualunque cosa impari, impari da solo. PETRONIO.
Risultato nel browser
Per imparare una lingua, la libera curiosità è molto più importante della formidabile necessità. Agostino Aurelio.
Qualunque cosa impari, impari da solo. PETRONIO.
Etichetta
A volte è necessario che una riga di testo non continui per l'intera larghezza dello spazio disponibile, ma si interrompa nel punto di cui abbiamo bisogno e continui sulla riga successiva. Ma come ricorderete, i browser ignorano semplici interruzioni di riga nel codice HTML come se non esistessero. In questi casi, il tag ci aiuterà
Etichetta elemento integrato (in linea). e non lasciarti confondere dal fatto che esegue un'interruzione di riga dopo se stesso, ha solo una tale funzione. Inoltre, l'elemento vuoto , perché non può avere contenuto.
Esempio di tag BR
Tag BR, interruzione di riga
L'obiettivo della creatività è il dono di sé, B. Pasternak.
Risultato nel browser
L'obiettivo della creatività è il dono di sé, B. Pasternak.
Potresti chiedere: "Perché dovrei usare il tag
Crea i margini superiore e inferiore dello spazio bianco e il tag
A proposito, abbastanza spesso sui siti puoi vederlo
Compiti a casa.
Rendi lo sfondo della pagina nero e il testo bianco.
Crea il titolo dell'articolo e le sue due sezioni. Impostali su Verdana e fai in modo che il secondo sottotitolo sia centrato sulla pagina.
Scrivi un paragrafo sotto il primo e il secondo titolo e una citazione di due paragrafi sotto il terzo titolo.
Seleziona due virgolette nel primo paragrafo e tienine una in grassetto e l'altra in corsivo.
Fai cinque interruzioni di riga nell'ultimo paragrafo e fai in modo che il testo sia centrato sulla pagina.
Ciao amici!
Ho deciso di scrivere del bellissimo design delle citazioni nel testo degli articoli su un blog basato su WordPress, poiché mi trovavo direttamente di fronte alla necessità di tale lavoro. Ho dovuto cambiare il modello su uno dei siti. Ma, in realtà, è abbastanza difficile. Nonostante il fatto che ora ci sia un numero enorme di modelli a pagamento e gratuiti, è molto difficile trovarne uno che soddisfi tutti i nostri requisiti. Sicuramente c'è qualcosa nel modello che non ci piace. Pertanto, molto spesso devi scegliere un argomento con il minor numero di difetti e quindi perfezionarlo.
Quindi, una delle carenze dell'argomento che ho scelto è stata una selezione inespressiva di una citazione. Si distingueva solo per un'ulteriore rientranza a sinistra. Ho dovuto perfezionare gli stili CSS per rendere questo elemento di testo più visibile e bello.
Ti do tre ragioni:
Mostri ai lettori che questa parte del testo è una citazione. Ciò è necessario per rispettare il copyright della persona che stai citando. D'altra parte, il collegamento a un autore autorevole aggiunge peso al tuo articolo.
I motori di ricerca "adorano" i testi unici e, se la citazione non è formattata correttamente, verrà conteggiata come plagio e la valutazione del sito verrà abbassata, la sua posizione nella ricerca diminuirà.
Un tipo speciale di citazioni rende il testo più vario e attraente. È più facile da leggere.
Per evidenziare una parte del testo in modo speciale, puoi utilizzare vari metodi.
Modifica degli stili CSS Il primo e più corretto modo per formattare un preventivo dovrebbe essere considerato utilizzando il tag citazione in blocco e i suoi stili. Sebbene qualsiasi frammento possa essere selezionato utilizzando le regole CSS (ne ho scritto nell'articolo), solo il tag citazione in blocco fa sapere ai motori di ricerca che questo frammento è una citazione e non può essere univoco.
È questo tag che viene inserito nel codice se utilizziamo il pulsante
Ma, come ho già notato, gli stili di questo tag non sono sempre come vogliamo. Per modificarli, devi trovare il codice corrispondente nel file style.css e sostituire le regole prescritte per il tag citazione in blocco , da soli.
Questo file può essere modificato in due modi:
Scaricalo utilizzando un client FTP dal server al tuo computer, aprilo in , apporta le modifiche e caricalo di nuovo. File style.css situato in wp-content/themes/your_theme/style.css .
Puoi utilizzare l'editor di codice integrato in WordPress. Per aprirlo nel pannello di controllo di WP, seleziona Aspetto - Editore . Sfortunatamente, questo editor non mostra i numeri di riga, rendendolo difficile da trovare.
Prima di apportare modifiche a un file style.css , modifica il codice con nel browser Google Chrome o simili nel browser Mozilla Firefox . Con questi strumenti, puoi immediatamente vedere visivamente come apparirà il preventivo sul tuo sito.
Citare esempi di design Citazione tra virgolette Questo simbolo è considerato generalmente accettato per indicare citazioni, quindi è usato più spesso. Le citazioni possono essere inserite usando un'immagine, che è più comune, oppure puoi farlo applicando un codice carattere "\201C" , che è mostrato nell'esempio.
Ecco l'immagine
Ed ecco il relativo codice
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
blockquote ( sfondo: nessuno ripetizione scorrimento 0 0 #fea; colore: #009a82; famiglia di caratteri: Georgia,serif; dimensione del carattere: 18px; stile del carattere: corsivo; altezza della linea: 1,45; riempimento: 1,25em 50px; posizione : relativo; larghezza: 750px; ) blockquote:before ( colore: #009a82; contenuto: "\201C"; display: blocco; dimensione carattere: 60px; sinistra: 1px; posizione: assoluta; in alto: 1px; )
blockquote ( sfondo: nessuno ripetizione scorrimento 0 0 #fea; colore: #009a82; famiglia di caratteri: Georgia,serif; dimensione del carattere: 18px; stile del carattere: corsivo; altezza della linea: 1,45; riempimento: 1,25em 50px; posizione : relativo; larghezza: 750px; ) blockquote:before ( colore: #009a82; contenuto: "\201C"; display: blocco; dimensione carattere: 60px; sinistra: 1px; posizione: assoluta; in alto: 1px; )
In questo codice nella seconda riga #fea - colore di sfondo, puoi cambiarlo con il tuo,
3a riga - colore del carattere,
4, 5, 6, 7 - opzioni dei caratteri,
8, 9 – posizione del frammento,
10 - larghezza del blocco, può essere specificata come percentuale, ad esempio 90%.
13 - colore,
16 - taglia,
17-19 - posizione.
Selezione della casella Ecco un esempio:
Ed ecco il semplice codice CSS per questo:
1
2
3
4
5
6
7
blockquote ( colore: #333; famiglia di caratteri: Verdana, Ginevra, sans-serif; bordo: 1px tratteggiato #999; sfondo: #F8F4AB; riempimento: 10px 20px; )
blockquote ( colore: #333; famiglia di caratteri: Verdana, Ginevra, sans-serif; bordo: 1px tratteggiato #999; sfondo: #F8F4AB; riempimento: 10px 20px; )
Se sei interessato al tema della progettazione del preventivo, ti consiglio di scaricare il mini-libro. Discute in dettaglio vari esempi di evidenziazione di frammenti di testo. Dopo aver studiato questi esempi, puoi creare il tuo stile di design.
Plugin WP-Note per lo styling dei frammenti di blog Questo plugin rende facile e semplice lo stile degli snippet di articoli. Ma va subito notato che per i motori di ricerca questi frammenti non saranno considerati citazioni, poiché non utilizzano il tag citazione in blocco . Il plug-in serve solo per la progettazione esterna e non per evidenziare le citazioni.
Per impostazione predefinita, ci sono cinque opzioni di progettazione nelle impostazioni del plug-in. Per applicarli non è necessario modificare alcun codice, è sufficiente inserire i tag appropriati direttamente nell'editor visivo all'inizio e alla fine del frammento.
Tag del plug-in WP-Note Modifica dei plugin Se non ti piacciono le opzioni di progettazione predefinite o non ti armonizzi con il design del tuo sito, puoi modificarle. Ma per questo dovrai già apportare modifiche al file di stile. Puoi trovarlo su wp-content/plugins/wp-note/style.css.
Puoi anche utilizzare l'editor integrato di WordPress. Per fare ciò, nel pannello di controllo, selezionare Plugin - Editor , quindi a destra nell'elenco a tendina troviamo Wp-note e premiamo il pulsante Scegliere , apparirà un elenco di tutti i file del plugin.
Spero di aver spiegato tutto abbastanza bene e ora capisci come organizzare i preventivi sul sito. Non dimenticare di condividere l'articolo sui social network.
A presto!
Due elementi sono usati per creare virgolette in HTML: block element <Ыockquote>
ed elemento in linea
<Ыockquote>
utilizzato per visualizzare virgolette lunghe che occupano un intero paragrafo e lo mostrano rientrato dai bordi sinistro e destro. Questo tag ti consente di posizionare il testo in modo compatto al centro della pagina. Può contenere altri elementi di formattazione del testo.
Elemento
Entrambi gli elementi possono avere un attributo CITARE , il cui valore è l'URL del frammento citato.
Esempio: virgolette lunghe e corte
Come ha detto A. A. Milne, alcune persone parlano con gli animali.
Zenith è il punto più alto del cielo per un osservatore.
Come ha detto A. A. Milne, alcune persone parlano con gli animali.
Etichetta
Un'abbreviazione è un'abbreviazione di parole adottate per iscritto o una parola composta da più parti di altre parole (università, istituto di ricerca, comitato esecutivo, ecc.). Quando si utilizza qualsiasi acronimo o abbreviazione nel testo, utilizzare il tag
Esempio: abbreviazione
La NASA sta facendo degli incredibili esperimenti spaziali.
Ex. Stephen Hawking è un fisico teorico e cosmologo.
NАSА!} ospita alcuni incredibili
Ex. Stephen Hawking è un fisico teorico e cosmologo.
Etichetta
Etichetta
Esempio: indirizzo
Esercitazione HTML [email protetta]
tag e
Etichetta
Etichetta
Esempio: Fonti e definizioni
La quantità di moto del corpo è una quantità vettoriale, la direzione del suo vettore è la stessa
Solo nel primo mese sono stati venduti più di diecimila biglietti Drago rosso Stephen Hopkins.
slancio corporeo è una grandezza vettoriale, la direzione del suo vettore è la stessa
Etichetta
Etichetta
Esempio: Direzione del testo
Se il tuo browser supporta l'algoritmo bidirezionale (bdo),
Questo testo è scritto da destra a sinistra.
CompitiCompito finale
In questa lezione, hai familiarizzato con alcuni elementi di formattazione più logici che determinano non l'aspetto del testo, ma il suo tipo e, a seconda di quale browser applica l'uno o l'altro tipo di formattazione esterna. Tutti gli elementi discussi sopra sono contenitori e richiedono un tag di chiusura. Alcuni di questi elementi potrebbero non modificare affatto l'aspetto del testo, quindi qui l'attenzione si è concentrata su come definiscono il significato del testo piuttosto che su come lo formattano.
È ora di rivedere ciò che hai imparato e completare quattro semplici attività:
Citazione breve
Usando il booleano HTML, aggiungi virgolette intorno alla parola: "Teoria".
Citazione breve
La teoria prevede nuovi fenomeni e nuove leggi.
Citazione breve
Teoria predice nuovi fenomeni e nuove leggi.
citazione lunga
Inserisci il testo seguente all'interno di un elemento che lo renderà una virgoletta con rientro a sinistra. Specificare l'URL della risorsa da cui proviene questa citazione: "http://www.world.org".
citazione lunga
Una caratteristica della velocità e della direzione del movimento è una quantità fisica: la velocità.
