Cara merapikan teks

HTML dan CSS menyediakan fungsi teks italiced, seperti kata -kata italiced ​​seperti ini. Mari kita pelajari semua yang anda perlu tahu bersama.

Apakah teks italik? Mengapa menggunakan teks italik?

Anda biasanya menggunakan teks italik untuk menarik perhatian, menekankan perkataan atau frasa, dan membenarkan pembaca memberi perhatian tambahan apabila membaca. Sebagai alternatif, ia juga boleh mengikuti panduan gaya tertentu, seperti tajuk italiced, seperti tajuk pos yang diterbitkan.

gunakan<em></em> Label

"em" dalam tag em secara harfiah bermaksud "penekanan" (penekanan). Penyemak imbas akan dimasukkan ke dalam HTML secara lalai<em></em> Menggalakkan teks dalam label.

<p>
  Ia adalah pesta <em>yang hebat</em> , Bebe.
</p>

Bayangkan nada ayat ini, pembaca menekankan perkataan itu, memberikan ayat yang berbeza daripada ketika ia tidak ditekankan.

gunakan<i></i> Label

<i></i> Unsur -unsur digunakan untuk meremehkan teks, tetapi tidak menyiratkan menekankan. Ia hanya membezakan teks -teks tertentu dari orang lain secara visual tanpa mencadangkan bahawa pembaca harus memberi perhatian tambahan kepada kata -kata ini. Contohnya:

<p> <i>Miranda berfikir:</i> metafora yang menarik mengenai ekonomi global.</p>
<p><i>Chris berfikir pada dirinya sendiri:</i> Adakah mustard itu?</p>

<em></em> dan<i></i> Apakah perbezaan antara?

Sekali lagi:

• <em></em> Digunakan untuk menekankan
• <i></i> Digunakan untuk teks italik, tetapi tidak ditekankan

Jika anda ingin menggunakan huruf miring untuk tajuk, sebagai contoh:

<p>
  Buku ini <i>kedai buku Encik Penumbra 24 jam</i>   sangat bagus.
</p>

<p>
  Buku ini <cite>kedai buku Encik Penumbra 24 jam</cite>
  sangat bagus.
</p>

Nasib baik, penyemak imbas akan menjadi seperti<i></i> Akan dimasukkan ke dalam<cite></cite> Kandungan dalam tag itu disiarkan, jadi jika anda memetik kerja (seperti<cite>白鲸记</cite>) atau penerbitan (seperti<cite>纽约时报</cite>), tidak ada tindakan tambahan yang diperlukan.

Gunakan kelas HTML anda sendiri dan CSS

Sekiranya matlamatnya adalah untuk membezakan teks secara visual, maka kita tidak perlu menggunakan<i></i> elemen. Tag span tidak mempunyai makna semantik, dan boleh digayakan untuk mencapai penekanan visual:

<p>
  Kasut dijual minggu ini!
</p>

.emphasis {
  Latar Belakang: Lightyellow;
  gaya font: italic;
}

font-style Property CSS adalah harta yang diperlukan untuk anda membuat teks miring, yang boleh anda gunakan untuk pemilih yang anda suka.

Perhatikan "Pseudo Italics"

Tidak semua fon mempunyai watak italik. Atau, anda mungkin berada dalam keadaan di mana versi Italic font tidak dimuatkan. Dalam kedua -dua kes, penyemak imbas akan cuba memalsukannya , yang hampir selalu kelihatan buruk (atau sekurang -kurangnya lebih buruk daripada menggunakan fon italik sebenar).

Tidak ada yang memberi amaran kepada anda tentang perkara ini -anda hanya perlu memberi perhatian kepadanya. Berikut adalah contoh pseudoitalic font merriweather:

Unicode Italics

Unicode menyediakan aksara angka, termasuk huruf dengan gaya italik.

Anda mungkin menggunakan teks italik apabila anda memerlukan teks italik tanpa kawalan HTML, seperti ketika menulis tweet di Twitter.

Ia mempunyai akses yang lemah. Ia akan mengendalikan watak dengan watak, yang menjadikannya sukar (bagi saya) untuk memahami perkataan itu. Berhati -hati apabila menggunakannya, dan lebih baik untuk mengelakkan menggunakannya sama sekali.

Huruf miring dalam fon berubah -ubah

Ini adalah konsep yang agak maju, tetapi terdapat fon yang dipanggil pembolehubah. Mereka menyediakan penyesuaian dalam penyemak imbas. Oleh itu, bukannya menggunakan fail fon kedua untuk versi berani, sertakan maklumat di dalamnya supaya satu fail akan berani. "Bold" hanyalah satu contoh fungsi yang boleh disediakan oleh fon pembolehubah. Tidak semua fon berubah mesti mempunyai ciri ini.

Fon berubah mungkin mempunyai pilihan "kecondongan" atau "italic", yang boleh anda gunakan dengan cara ini dengan cara ini.

Di atas adalah lima jawapan yang berbeza tentang kapan menggunakan teks italik. Harap ini juga akan membantu anda dengan soalan logik seterusnya: kaedah mana yang harus saya gunakan?

Atas ialah kandungan terperinci Cara merapikan teks. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!