Dapatkan teks yang digarisbawahi dengan penurunan harga

114

Saya menggunakan BlueCloth sebagai pustaka penurunan harga untuk Ruby, dan saya tidak dapat menemukan sintaks apa pun untuk mendapatkan teks yang digarisbawahi. Apa itu?

Peter
sumber

Jawaban:

138

Penurunan harga tidak memiliki sintaks yang ditentukan untuk teks garis bawah.

Saya rasa ini karena teks yang digarisbawahi sulit dibaca, dan biasanya digunakan untuk hyperlink.

nfm
sumber
90

Dalam <ins>teks penurunan harga GitHub </ins>berfungsi dengan baik.

Sihir hitam
sumber
6
Bekerja di Gitlab juga! Terima kasih.
aymens
Dan di BitBucket juga ... (serta <u> teks </u>)
рüффп
45

Alasan lain adalah bahwa <u>tag sudah tidak digunakan lagi di XHTML dan HTML5, jadi perlu menghasilkan sesuatu seperti <span style="text-decoration:underline">this</span>. (IMHO, jika <u>tidak digunakan lagi, maka seharusnya <b>dan <i>.) Perhatikan bahwa penurunan harga menghasilkan <strong>dan <em>bukannya <b>dan <i>, yang menjelaskan tujuan teks di dalamnya, bukan pemformatannya. Pemformatan harus ditangani oleh stylesheet.

Update: The <u>Elemen tidak lagi ditinggalkan di HTML5.

jordanbtucker
sumber
Analoginya semantik <u>adalah <ins>; yang tidak pernah usang.
Toby Bartels
3
@TobyBartels Saya tidak yakin apa yang Anda maksud. "Elemen <u> mewakili rentang teks dengan anotasi non-tekstual yang tidak diartikulasikan, meskipun dirender secara eksplisit," sedangkan "elemen <ins> mewakili tambahan ke dokumen." Ini adalah dua hal yang sangat berbeda secara semantik.
jordanbtucker
4
Maksud saya, itu <u>sama sekali bukan tag semantik, sedangkan <ins>is. Namun secara tradisional mereka diterjemahkan dengan cara yang sama. Begitu <ins>juga dengan analogi semantik <u>, sedangkan <u>analog sintaksis dari <ins>. Yah, bahkan jika Anda tidak seperti bagaimana saya menggambarkannya, intinya adalah bahwa kita memiliki analogi ini: <u>: <ins>:: <i>: <em>:: <b>: <strong>. (Juga <s>:. <del>)
Toby Bartels
2
@TobyBartels Ah, saya salah menafsirkan Anda. Saya pikir Anda mengatakan bahwa <u> dan <ins> secara semantik setara. Spesifikasi HTML5 sebenarnya telah memberikan arti semantik untuk <u>, <i>, <b>, dan <s> yang berbeda dari rekan-rekannya yang secara gaya mirip, tapi saya mengerti maksud Anda.
jordanbtucker
39

Yang sederhana <u>some text</u>seharusnya bekerja untuk Anda.

zed_0xff
sumber
6
Wow, seseorang benar-benar dapat memiliki <b> dan <i> tetapi tidak <u>? Mengapa demikian? :(
Peter
3
Saya setuju: Mengapa demikian? Penurunan harga (atau bahasa apa pun yang serupa) seharusnya mempermudah melakukan hal-hal umum yang ingin dilakukan orang (seperti kata-kata yang digarisbawahi), bukan lebih sulit atau tidak mungkin.
Tyler Rick
2
Mungkin karena <u> tidak boleh digunakan untuk garis bawah sederhana di HTML5 lagi ...
s.krueger
1
@ s.krueger Harap baca html.spec.whatwg.org/multipage/semantics.html#the-u-element . <u>dapat digunakan untuk menggarisbawahi, tetapi tidak disarankan "karena dapat disalahartikan sebagai hyperlink".
jordanbtucker
1
@ s.krueger Saya pikir istilah "tidak diartikulasikan" dan "diberikan secara eksplisit" adalah kasus yang dibahas di sini. Ketika Anda tidak dapat mengandalkan CSS, yang dapat terjadi pada penurunan harga, <u>adalah pilihan terbaik Anda untuk menggarisbawahi secara eksplisit. Tentu saja, lebih banyak elemen semantik harus digunakan jika memungkinkan.
jordanbtucker
11

Anda dapat menulis **_bold and italic_**dan menatanya kembali menjadi teks yang digarisbawahi, seperti ini:

strong>em,
em>strong,
b>i,
i>b {
    font-style:normal;
    font-weight:normal;
    text-decoration:underline;
}
Даниил Пронин
sumber
7
-1 Ini sepertinya retasan bagi saya, saya lebih suka memahami motivasi di baliknya, menggarisbawahi pengecualian tidak akan menjadi kecelakaan.
Phil Hauser
2
hack yang bagus. untuk situasi Anda tidak dapat menggunakan tag html, ini bagus.
Shih-Min Lee
1
Sepertinya pembunuhan berlebihan.
Paw dalam Data
8

Di Jupyter Notebooks, Anda dapat menggunakan Markdown dengan cara berikut untuk teks yang digarisbawahi. Ini mirip dengan HTML5: ( <u>dan </u>).

<u> Bolded Words Here </u>

Kolonel_Lama
sumber
0

Keduanya <ins> text </ins>dan <span style="text-decoration:underline"> text </span>berfungsi dengan sempurna di Joplin, meskipun saya setuju dengan @nfm bahwa teks yang digarisbawahi terlihat seperti tautan dan dapat menyesatkan di Penurunan Harga.

Mengais dalam Data
sumber