HTML CODE SOFT HYPHEN ISO
ISO 8859-1:1986 (Latin 1) inherited SHY from EBCDIC, but called it "soft hyphen", placed it at position 0xAD (hexadecimal), and stated its purpose as "for use when a line break has been established within a word".
HTML CODE SOFT HYPHEN CODE
(Note: this is not the same as the ISO/IEC 6429 C1 control code Operating System Command (OSC).) This C1 control set was registered in 1979. German standard DIN 31626 defined a C1 control code set defining 0x8D as an "Optional Syllabification Control (OSC)", a "print control character" for use marking syllable boundaries in long words.IBM defined its purpose as a "hyphen used to divide a word at the end of a line may be removed when a program adjusts lines." EBCDIC placed a SHY character (known there as a "syllable hyphen") at position 202 (0xCA hexadecimal).SHY characters in coded characters sets, roughly in chronological order: For example, the copy or paste function of a terminal emulator can offer to replace line breaks with a space character, and remove any soft hyphens including any immediately following whitespace characters.Īn example application that outputs soft hyphens for this reason is the groff text formatter as used on many Unix/Linux systems to display man pages. This distinction helps re-use of already formatted text, when line breaks and soft hyphens inserted during word wrapping have to be removed to convert the text back into its unformatted form. The purpose of the soft hyphen here is to distinguish it from any regular hyphen that might have been part of the original spelling of the word. Here, SHY is a visible hyphen that is usually visually indistinguishable from a regular hyphen, but has been inserted solely for the purpose of line breaking. This is the application context originally considered by the EBCDIC and ISO 8859-1 standards and implemented in many VT100 terminal emulators. The SHY character is also used in text where paragraphs have already been broken into lines, such as certain plain text files, text sent to VT100-style terminal emulators or printers, or pages represented in page description languages. On HTML browsers supporting soft hyphens, resizing the window will re-break the above text only at word boundaries, and insert a hyphen at the end of each line. Margaret Are You Grieving Over Goldengrove Unleaving Leaves Like The Things Of Man You With Your Fresh Thoughts Care For Can You Ah As The Heart Grows Older It Will Come To Such Sights Colder By And By Nor Spare A Sigh Though Worlds Of Wanwood Leafmeal Lie And Yet You Will Weep And Know Why Now No Matter Child The Name Sorrows Springs Are The Same Nor Mouth Had No Nor Mind Expressed What Heart Heard Of Ghost Guessed It Is The Blight Man Was Born For It Is Margaret You Mourn For To show the effect of a soft hyphen in HTML, the words of the following text have been separated with soft hyphens: The zero-width space, on the other hand, will not, as it is considered a visible character even if not rendered, thus having its own kerning metrics. The soft hyphen's Unicode semantics and HTML implementation are in many ways similar to Unicode's zero-width space, with the exception that the soft hyphen will preserve the kerning of the characters on either side when not visible. It becomes visible only after word wrapping at the end of a line. It serves as an invisible marker used to specify a place in text where a hyphenated break is allowed without forcing a line break in an inconvenient place if the text is re-flowed. In this context, the soft hyphen may also be called a discretionary hyphen or optional hyphen. The use of SHY characters in text that will be broken into lines by the recipient is the application context considered by the post-1999 HTML and Unicode specifications, as well as some word-processing file formats. ( February 2020) ( Learn how and when to remove this template message) Unsourced material may be challenged and removed. Please help improve this article by adding citations to reliable sources. This section needs additional citations for verification. The easiest way is to add in CSS an optional horizontal scroll on the container. The lazy way: Scrolling within the container There are 3 different ways to handle this issue and avoid unexpected horizontal scrolls. When a word is longer that the container’s width, a horizontal scroll on the page level will appear.