안녕하세요, 블로그 사이트 독자 여러분! 비록 일반적인 용어이긴 하지만 적어도 표면적으로 익숙해진 사람들은 아마도 이미 주목했을 것입니다. 이는 문서 코드에서 일반적으로 어떤 HTML 기호가 사용되는지에 대한 아이디어를 가지고 있음을 의미합니다.
오늘 기사에서는 HTML에서 공백이 무엇인지, 쉽게 읽을 수 있도록 코드 자체의 형식을 지정할 때 공백 문자를 사용할 수 있는 경우에 대해 알아 보겠습니다. 줄 바꿈 없는 공백을 사용해야 하는 경우를 알아보고 다른 특수 문자(또는 니모닉이라고도 함)에 대해서도 알아봅니다.
사실, 다양한 특수 문자 사용에 대한 주제를 무시하지 말라고 조언하고 싶습니다. 이는 하이퍼텍스트 마크업 언어에 대한 학습을 완료할 수 있는 중요한 구성 요소이기 때문입니다. 일반적으로 이 간행물에 제공된 정보는 결코 불필요한 정보가 아닙니다. 자, 이제 요점입니다.
HTML의 공백 및 공백 문자
먼저 중요한 메모가 있습니다. 컴퓨터 키보드에는 텍스트를 분리할 수 있는 특수 키가 있습니다(자세한 내용은 아래 참조). 그러나 넓은 스페이스바만이 편집기뿐만 아니라 브라우저 창에서도 단어 사이를 구분하는 기능을 제공합니다. 선을 끊고 가장자리에서 들여쓰기할 때 미묘한 차이가 있습니다.
아시다시피 웹 브라우저의 특정 요소 표시는 태그에 의해 결정됩니다. 텍스트 형식을 지정하기 위해 블록 기반인 잘 알려진 가 사용됩니다. 즉, 해당 콘텐츠는 사용 가능한 전체 너비에 걸쳐 위치합니다.
에게 단락 P 내 줄 바꿈, 이를 수행하려면 단일 BR 태그를 사용해야 합니다. 텍스트 편집기에서 쓴 시의 일부 줄을 텍스트에 삽입해야 한다고 가정해 보겠습니다.
구절의 줄이 올바른 위치에 있고 하이픈이 올바른 위치에 만들어졌다는 사실에도 불구하고 브라우저에서는 모든 것이 다르게 보입니다.
웹 브라우저 창에서 동일한 표시를 얻으려면 각 줄 바꿈에 BR을 써야 합니다.
이제 작업을 완료했으며 시적 대사가 브라우저에 완전히 올바르게 표시됩니다.
따라서 필요한 줄 바꿈이 완료되었습니다. 여기서 주목해야 할 또 다른 특징은 연달아 오는 여러 공백이 웹 브라우저에 의해 하나로 표시된다는 것입니다. 동일한 편집기에서 두 단어 사이에 하나가 아닌 여러 개의 공백을 넣고 "저장" 버튼을 클릭하여 브라우저에서 결과를 보면 이를 확인할 수 있습니다.
공백, 탭 및 줄 바꿈
기본적으로 이것들을 가지고 공백 문자우리는 편집기에서 텍스트 작업을 시작하고 필요한 형식으로 형식을 지정하자마자 서로를 알게 됩니다. 이러한 작업을 구현하기 위해 각각 고유한 공백 문자에 해당하는 특수 키가 있습니다.
- 스페이스바는 컴퓨터 키보드에서 가장 넓은 키입니다(레이블 없음).
- 탭 - 왼쪽에 "Tab"이라는 글자가 있고 서로 다른 방향을 가리키는 두 개의 화살표가 있는 키입니다.
- 줄 바꿈 - "Enter" 키입니다.
그러나 위에서 말했듯이 텍스트 편집기뿐만 아니라 브라우저에서도 첫 번째 키를 사용할 때만 원하는 최종 결과를 얻을 수 있습니다. 세 가지 키(탭 및 줄 바꿈 포함)는 모두 HTML 코드 서식을 지정할 때 유용합니다. 모든 공백 문자를 표시할 때 NotePad++(이 편집기에 대한 많은 정보가 있음)에서 코드 조각이 다음과 같이 표시된다고 가정해 보겠습니다.
공백 덕분에 읽고 이해하기 쉬운 코드를 얻을 수 있습니다. 주황색 화살표는 Tab 키를 사용하여 만든 들여쓰기를 나타내고, CR 및 LF 기호는 Enter 키를 사용하여 만든 줄 바꿈을 나타냅니다.
서로 중첩된 컨테이너가 표시되고 여는 태그와 닫는 태그가 명확하게 표시됩니다. 이 양식에서는 이 코드를 쉽게 편집할 수 있습니다. 이제 텍스트 구분이 없는 동일한 코드와 비교해 보세요.
같은 방식으로 공백 문자를 사용하면 시각적으로 명확하고 이해하기 쉬운 CSS 규칙을 작성할 수 있습니다.
모든 스타일을 공통 분모로 가져오고 스타일 파일 편집을 완전히 마친 후 코드에서 모든 공백을 제거하여 편집을 수행할 수 있습니다. 이는 자원을 홍보할 때 매우 중요합니다.
HTML 코드의 특수 문자(또는 니모닉)
이제 글 서두에서 언급한 특수문자를 사용해야 하는 경우를 살펴보겠습니다. 니모닉이라고도 불리는 HTML 특수 문자는 하이퍼텍스트 마크업 언어에서 발생한 인코딩과 관련된 오랜 문제를 해결하기 위해 도입되었습니다.
키보드에서 텍스트를 입력하면 사용 중인 언어 문자가 인코딩됩니다. 웹 브라우저에서 입력된 텍스트는 역디코딩 작업의 결과로 선택한 글꼴을 사용하여 표시됩니다.
사실 그러한 인코딩은 많이 있습니다. 이제 우리는 이를 자세히 분석할 목표가 없습니다. 각 항목에는 표시해야 하는 특정 기호가 누락되었을 수 있습니다. 작은따옴표나 악센트 표시를 쓰고 싶은 충동을 느끼지만 이러한 아이콘은 세트에 포함되어 있지 않다고 가정해 보겠습니다.
이 문제를 해결하기 위해 수많은 다양한 니모닉을 포함하는 특수 기호 시스템이 도입되었습니다. 모두 앰퍼샌드 "&"로 시작하고 일반적으로 세미콜론 ";"으로 끝납니다. 처음에는 각 특수 문자에 고유한 디지털 코드가 있었습니다. 예를 들어, 아래에서 자세히 살펴보게 될 줄바꿈 없는 공백의 경우 다음 항목이 유효합니다.
그러나 얼마 후 가장 일반적인 기호에는 기억하기 쉽도록 문자 대응 문자(니모닉)가 할당되었습니다. 동일한 중단되지 않는 공간에 대해 다음과 같다고 가정해 보겠습니다.
결과적으로 브라우저에는 해당 기호가 표시됩니다. 니모닉 목록은 매우 방대합니다. HTML에서 가장 일반적으로 사용되는 특수 문자아래 표에서 확인할 수 있습니다.
| 상징 | 암호 | 기억술 | 설명 |
|---|---|---|---|
| 중단되지 않는 공간 | |||
| 좁은 공간(너비를 문자 n으로 설정) | |||
| 넓은 공간(em-폭은 문자 m) | |||
| – | - | – | 엔 대시(엔 대시) |
| - | — | — | 엠 대시(엠 대시) |
| | - | | 소프트 전송 |
| 에이 | ́ | 스트레스는 "스트레스" 문자 뒤에 위치합니다. | |
| © | © | 저작권 | |
| ® | ® | ® | 등록상표 |
| ™ | ™ | ™ | 상표 표시 |
| º | º | º | 화성의 창 |
| ª | ª | ª | 비너스의 거울 |
| ‰ | ‰ | ‰ | ppm |
| π | π | π | 파이(Times New Roman 사용) |
| ¦ | ¦ | ¦ | 수직 점선 |
| § | § | § | 절 |
| ° | ° | ° | 도 |
| µ | µ | µ | 마이크로 사인 |
| ¶ | ¶ | ¶ | 단락 표시 |
| … | … | … | 생략 |
| ‾ | ‾ | ‾ | 윗줄 |
| ´ | ´ | ´ | 악센트 표시 |
| № | № | 숫자 기호 | |
| 🔍 | 🔍 | 돋보기(왼쪽으로 기울어짐) | |
| 🔎 | 🔎 | 돋보기(오른쪽으로 기울어짐) | |
| 산술 및 수학 연산의 징후 | |||
| × | × | × | 곱하다 |
| ÷ | ÷ | ÷ | 나누다 |
| < | < | 더 적은 | |
| > | > | > | 더 |
| ± | ± | ± | 플러스/마이너스 |
| ¹ | ¹ | ¹ | 1도 |
| ² | ² | ² | 2도 |
| ³ | ³ | ³ | 3도 |
| ¬ | ¬ | ¬ | 부정 |
| ¼ | ¼ | ¼ | 4분의 1 |
| ½ | ½ | ½ | 1초 |
| ¾ | ¾ | ¾ | 4분의 3 |
| ⁄ | ⁄ | ⁄ | 콤마 |
| − | − | − | 마이너스 |
| ≤ | ≤ | ≤ | 보다 작거나 같음 |
| ≥ | ≥ | ≥ | 보다 크거나 같음 |
| ≈ | ≈ | ≈ | 거의 (거의) 같다 |
| ≠ | ≠ | ≠ | 같지 않다 |
| ≡ | ≡ | ≡ | 동일하게 |
| √ | √ | √ | 제곱근(근수) |
| ∞ | ∞ | ∞ | 무한대 |
| ∑ | ∑ | ∑ | 합계 기호 |
| ∏ | ∏ | ∏ | 작업 표시 |
| ∂ | ∂ | ∂ | 편미분 |
| ∫ | ∫ | ∫ | 완전한 |
| ∀ | ∀ | ∀ | 모든 사람(굵게 표시된 경우에만 표시) |
| ∃ | ∃ | ∃ | 존재한다 |
| ∅ | ∅ | ∅ | 빈 세트 |
| Ø | Ø | Ø | 지름 |
| ∈ | ∈ | ∈ | 속한다 |
| ∉ | ∉ | ∉ | 속하지 않는다 |
| ∋ | ∋ | ∗ | 포함 |
| ⊂ | ⊂ | ⊂ | 부분집합이다 |
| ⊃ | ⊃ | ⊃ | 슈퍼세트다 |
| ⊄ | ⊄ | ⊄ | 부분집합이 아니다 |
| ⊆ | ⊆ | ⊆ | 부분집합이거나 다음과 같습니다. |
| ⊇ | ⊇ | ⊇ | 슈퍼세트이거나 같음 |
| ⊕ | ⊕ | ⊕ | 게다가 원 안에 |
| ⊗ | ⊗ | ⊗ | 원 안에 곱셈 기호 |
| ⊥ | ⊥ | ⊥ | 수직 |
| ∠ | ∠ | ∠ | 모서리 |
| ∧ | ∧ | ∧ | 논리 AND |
| ∨ | ∨ | ∨ | 논리적 OR |
| ∩ | ∩ | ∩ | 교차로 |
| ∪ | ∪ | ∪ | 협회 |
| 통화 기호 | |||
| € | € | € | 유로 |
| ¢ | ¢ | ¢ | 센트 |
| £ | £ | £ | 파운드 |
| ¤ | ¤t; | ¤ | 통화 기호 |
| ¥ | ¥ | ¥ | 엔화와 위안화 |
| ƒ | ƒ | ƒ | 플로린 기호 |
| 마커 | |||
| . | 간단한 마커 | ||
| ○ | ○ | 원 | |
| · | · | · | 중간점 |
| † | † | 십자가 | |
| ‡ | ‡ | 이중 교잡 | |
| ♠ | ♠ | ♠ | 봉우리 |
| ♣ | ♣ | ♣ | 클럽 |
| 마음 | |||
| ♦ | ♦ | ♦ | 다이아 패 한 벌 |
| ◊ | ◊ | ◊ | 마름모 |
| ✏ | ✏ | 연필 | |
| ✎ | ✎ | 연필 | |
| ✐ | ✐ | 연필 | |
| ✍ | ✍ | 손 | |
| 인용 부호 | |||
| " | " | " | 큰따옴표 |
| & | & | & | 앰퍼샌드 |
| « | « | « | 왼쪽 인쇄용 따옴표(헤링본 따옴표) |
| » | » | » | 오른쪽 활자체 따옴표(헤링본 따옴표) |
| ‹ | ‹ | 단일 코너 견적 열기 | |
| › | › | 단일 코너 견적 마감 | |
| ′ | ′ | ′ | 소수(분, 피트) |
| ″ | ″ | ″ | 이중 소수(초, 인치) |
| ‘ | ‘ | ‘ | 왼쪽 상단 작은따옴표 |
| ’ | ’ | ’ | 오른쪽 위 작은따옴표 |
| ‚ | ‚ | ‚ | 오른쪽 아래 작은따옴표 |
| “ | “ | “ | 왼쪽 인용-피트 |
| ” | ” | ” | 발 오른쪽 상단 인용 |
| „ | „ | „ | 오른쪽 아래 발 인용 |
| ❛ | ❛ | 단일 영어 여는 따옴표 | |
| ❜ | ❜ | 단일 영어 닫는 따옴표 | |
| ❝ | ❝ | 여는 큰따옴표 | |
| ❞ | ❞ | 닫는 큰따옴표 | |
| 화살 | |||
| ← | ← | ← | 왼쪽 화살표 |
| 위쪽 화살표 | |||
| → | → | → | 오른쪽 화살표 |
| ↓ | ↓ | ↓ | 아래쪽 화살표 |
| ↔ | ↔ | ↔ | 왼쪽 및 오른쪽 화살표 |
| ↕ | ↕ | 위쪽 및 아래쪽 화살표 | |
| ↵ | ↵ | ↵ | 캐리지 리턴 |
| ⇐ | ⇐ | ⇐ | 이중 왼쪽 화살표 |
| ⇑ | ⇑ | ⇑ | 이중 위쪽 화살표 |
| ⇒ | ⇒ | ⇒ | 이중 오른쪽 화살표 |
| ⇓ | ⇓ | ⇓ | 이중 아래쪽 화살표 |
| ⇔ | ⇔ | ⇔ | 이중 화살표 왼쪽 및 오른쪽 |
| ⇕ | ⇕ | 이중 위쪽 및 아래쪽 화살표 | |
| ▲ | ▲ | 삼각형 위쪽 화살표 | |
| ▼ | ▼ | 삼각형 아래쪽 화살표 | |
| 삼각형 오른쪽 화살표 | |||
| ◄ | ◄ | 삼각형 왼쪽 화살표 | |
| 별, 눈송이 | |||
| ☃ | ☃ | 눈사람 | |
| ❄ | ❄ | 눈송이 | |
| ❅ | ❅ | 토끼풀에 끼워진 눈송이 | |
| ❆ | ❆ | 뚱뚱하고 날카로운 각진 눈송이 | |
| ★ | ★ | 음영처리된 별 | |
| ☆ | ☆ | 빈 별 | |
| ✪ | ✪ | 채워진 원 안의 채워지지 않은 별 | |
| ✫ | ✫ | 내부에 열린 원이 있는 채워진 별 | |
| ✯ | ✯ | 회전하는 별 | |
| ⚝ | ⚝ | 그려진 흰색 별 | |
| ⚪ | ⚪ | 중간 열린 원 | |
| ⚫ | ⚫ | 가운데 채워진 원 | |
| ⚹ | ⚹ | Sextile(눈송이형) | |
| ✵ | ✵ | 여덟개 회전하는 별 | |
| ❉ | ❉ | 끝이 구형인 별 | |
| ❋ | ❋ | 대담한 8각 방울 모양의 별 프로펠러 | |
| ✺ | ✺ | 16개의 별표 | |
| ✹ | ✹ | 열두개의 별 | |
| ✸ | ✸ | 굵은 8각 직선으로 채워진 별 | |
| ✶ | ✶ | 육각형으로 채워진 별 | |
| ✷ | ✷ | 여덟개의 직선으로 채워진 별 | |
| ✴ | ✴ | 여덟개 별 | |
| ✳ | ✳ | 여덟개 별 | |
| ✲ | ✲ | 가운데가 비어 있는 별 | |
| ✱ | ✱ | 뚱뚱한 별 | |
| ✧ | ✧ | 뾰족한 네 꼭지 열린 별 | |
| ✦ | ✦ | 4각형으로 채워진 뾰족한 별 | |
| ⍟ | ⍟ | 원 안에 별표 표시 | |
| ⊛ | ⊛ | 원 안에 눈송이 | |
| 시계, 시간 | |||
| ⏰ | ⏰ | 보다 | |
| ⌚ | ⌚ | 보다 | |
| ⌛ | ⌛ | 모래시계 | |
| ⏳ | ⏳ | 모래시계 | |
줄 바꿈 없는 공백, 부드러운 하이픈 등 일부 특수 문자를 사용하는 경우
이미 테이블을 조금 연구했다면 위에서 말한 내용, 즉 모든 특수 문자를 표시하려면 해시 세트 대신 디지털 코드() 또는 알파벳 아날로그(기호 니모닉)가 사용된다는 확인을 받았을 것입니다. 표시와 숫자, 문자()가 적혀있습니다.
이제 이 코드를 언제 사용해야 하는지 살펴보겠습니다. 기사에서 정보 제공 목적으로 일부 HTML 태그를 표시해야 한다고 가정해 보겠습니다. 예를 들면 다음과 같습니다.
따라서 동일한 HTML 특수 문자 테이블에서 해당 코드를 가져오면 전체 항목은 다음과 같습니다.
또한 브라우저에 앰퍼샌드 기호 자체가 아닌 해당 기호를 표시하기 위해 형태 , 표에서 해당 코드를 추가해야 합니다.
보행인
그러면 브라우저는 FOOTER 태그를 표시하기 위해 적용해야 하는 니모닉 레코드를 정확하게 표시합니다. 약간 혼란스럽기는 하지만 이 페이지에서는 "HTML" 필드에 해당 문자에 대한 니모닉을 입력하고 "실행" 버튼을 사용하여 "결과" 영역에서 표시 결과를 가져옴으로써 이 측면을 연습할 수 있습니다. 브라우저:
편의상 문자 자체가 한 줄이 아닌 열에 표시되도록 이미 언급한 BR 태그를 사용하여 텍스트를 래핑했는지 확인했습니다.
계속 진행합시다. 때때로 텍스트에서 다른 줄로 분리하는 것이 바람직하지 않은 조합이 발생합니다. "1000 루블"이라고 가정 해 보겠습니다. 맨 윗줄에 두거나 공간이 충분하지 않으면 전체 구조를 아래 줄로 옮기는 것이 논리적입니다.
이는 사용자가 모바일을 포함하여 화면 너비가 다른 장치를 사용하는 경우 특히 그렇습니다. 실제로 이 경우 웹 브라우저는 새로운 조건에 맞게 텍스트 형식을 지정합니다. 표준 모니터 크기에서 텍스트가 올바르게 보이면 텍스트가 변경되면 모든 것이 바뀔 수 있습니다.
이러한 경우에는 다음이 제공됩니다. HTML 줄바꿈 방지 공백, 이미 언급했습니다. 이 경우 공간 코드는 다음과 같습니다.
그리고 연결해야 하는 두 기호 세트 사이에 삽입해야 합니다.
1000 문지름.
이제 올바르게 표시하기 위해 텍스트 형식이 필요한 경우에도 브라우저는 어떤 상황에서도 이를 분리하지 않습니다.
매우 긴 단어가 여유 공간에 맞지 않아 일부를 이동해야 하는 상황도 있습니다. 필요한 경우 이 경우 개행 문자를 어떻게 미리 정의할 수 있나요? 이를 위해 특별한 소프트 하이픈 문자-, 단어를 끊어야 하는 곳에 배치해야 합니다.
길다 길다 길다 길다 긴 말
단어에 하이픈을 넣어야 하는 상황이 발생하면 소프트 하이픈 니모닉 위치에 공백이 생기고 거기에 하이픈(하이픈)이 나타나고 나머지 단어는 아래 다음 줄에 나타납니다.
그러나 연속 및 소프트 전송의 예를 포함하여 이 모든 것을 실제로 보는 것이 유용할 것입니다.
이 편집기 창에서 마우스 왼쪽 버튼으로 이 영역의 가장자리를 잡고 "결과" 보기 필드의 크기를 변경할 수 있으며, 놓지 않은 채 왼쪽으로 끌어 너비를 줄일 수 있습니다. 그런 다음 브라우저가 콘텐츠를 올바르게 표시하기 위해 형식을 다시 지정하기 시작하면 실제 상황이 발생합니다.
그리고 내가 설명한 예에서 제공된 전송이 수행됩니다. 그러나 보기 창을 직접 이동하여 확대 및 축소하고 이를 시각적으로 확인할 수 있습니다.
무엇인가에 차이가 있습니다 쓴 HTML 코드에서 무엇을 표시됨브라우저에서.
우리가 이미 본 바와 같이, 태그 HTML과 같은<р>, 브라우저에서만 읽을 수 있습니다. 유형작성된 내용)이지만 표시되지 않음그 안에.
글을 쓰는 방법도 살펴봤습니다. 댓글브라우저에 주석을 표시하지 않고도 사람이 코드를 읽을 수 있도록 HTML 코드에 추가합니다.
또 다른 유형의 작성된 코드 무시됨브라우저는 공간, 여기에는 다음이 포함됩니다.
- 줄 바꿈;
- 빈 줄;
- 탭(또는 들여쓰기).
줄 바꿈
HTML 코드의 줄 바꿈 및 빈 줄(일련의 줄 바꿈) 무시됨브라우저. 그들은 단지 통일된공간.
웹의 원래 생각은 정보를 공유하며 소통할 수 있는 협업 공간이어야 한다는 것이었습니다.
그것을 현실로 만들기 위해 끼워 넣다줄 바꿈 요소를 사용해야합니다
:
최선을 다해 인생은 완벽하다
예측할 수 없는
표
표 Tab 키를 사용하여 얻은 특수 문자입니다. 일반적으로 커서를 다음 탭 정지로 이동하지만 때로는 두 개의 공백으로 바뀌는 경우도 있습니다.
어쨌든 일반 스페이스처럼 탭 보이지 않는. 브라우저에서도 무시됩니다.
이 텍스트를 탭해 보겠습니다.
공간을 추가하고 싶다면 ~ 전에즉, CSS를 사용해야 합니다.
HTML 요소를 닫으려면 먼저 해당 하위 요소를 모두 닫아야 합니다.
트리 서식
HTML 요소는 서로 중첩될 수 있으므로 주의해야 합니다. 순서대로열린 순서는 닫히는 순서에 영향을 미치기 때문입니다.
이 코드는 다음과 같이 작성되었습니다. 하나선.
HTML 요소가 열린 순서를 추적하기 어려울 수 있으므로 HTML을 다음 형식으로 작성하는 것이 좋습니다. 나무 형태:
이 코드는 다음과 같이 작성되었습니다. 일부줄이 표시되지만 여전히 다음과 같이 표시됩니다. 하나선.
트리 형식화를 사용하면 다음을 수행할 수 있습니다. 시각적으로낳다 중첩 수준귀하의 HTML 코드. 이를 통해 다음 사항을 쉽게 확인할 수 있습니다.
~이다 선조; - 조상을 위한 그리고 ;
- 그리고 - 이것 형제애강요.
스스로 읽을 수 있도록 HTML을 작성하세요.
탭, 빈 줄, 공백 및 줄바꿈은 컴퓨터에 의해 생략되고 모두 텍스트로 변환됩니다. 한 공간.
HTML 문서는 사람이 작성하고 읽지만 컴퓨터에서만 읽을 수 있습니다. 탭, 공백 및 줄 바꿈은 브라우저가 웹 페이지를 읽고 표시하는 방식에 영향을 주지 않으므로 사용자가 가장 읽기 쉬운 방식으로 문서 형식을 지정할 수 있습니다. 내 자신방법.
HTML 형식에 관한 특정 규칙은 없지만 암시적인 규칙이 있습니다. 계약, 특히:
- 사용 표시각화를 돕기 위해 투자 HTML 요소;
- 블록 요소의 여는 태그와 닫는 태그를 삽입합니다. 별도의 줄;
- 한 줄에 인라인 요소를 작성합니다(여는 태그와 닫는 태그 포함).
안녕하세요, 블로그 사이트 독자 여러분. 조금 더 일찍 우리는 그것에 대해 이야기를 나눴고 그 디자인에 대해서도 배웠습니다. 오늘날 우리는 HTML의 공백 개념과 이를 작성할 때 관련된 코드 형식(이후 읽기 및 인식의 편의를 위해)을 차례로 가지고 있습니다.
글쎄, 우리는 줄바꿈 없는 공백과 부드러운 하이픈에 대한 주제를 다룰 것이기 때문에 Html 언어에서 사용되는 소위 특수 문자나 니모닉에 주의를 집중해야 할 것입니다. 위에서 이미 언급한 것과 같은 웹 문서 코드에 많은 추가 문자가 있습니다. 하지만 가장 먼저 해야 할 일이 있습니다.
HTML의 공백 및 공백 문자
이를 위해 특별히 고안된 태그(단락, 제목 등)를 사용하여 텍스트 형식을 지정하는 문제로 넘어가기 전에 공백, 줄 바꿈(Enter) 및 표가 HTML 언어에서 어떻게 해석되는지, 그리고 분리가 어떻게 이루어지는지에 대해 설명하고 싶습니다. 크기가 조정될 때 브라우저 창에서 텍스트를 실행합니다.
사실, 이런 종류의 시각적 서식(웹 페이지에는 표시되지 않음)의 경우 공백 자체가 아닌 탭 및 줄 바꿈 문자가 사용되는 경우가 가장 많습니다. 그런 규칙이 있습니다. 중첩된 Html 태그를 작성하기 시작하면 탭을 사용하여 들여쓰기(키보드의 Tab 키), 이 태그를 닫을 때 들여쓰기를 제거합니다(키보드의 Shift+Tab 키 조합).
여는 태그와 닫는 태그가 동일한 수직 수준(예를 들어 내가 쓴 Notepad++와 같은 HTML 편집기의 페이지 오른쪽 가장자리에서 동일한 탭 수)에 있도록 이 작업을 수행해야 합니다. 또한, 시작 요소를 작성한 직후 여러 줄 바꿈을 만들고 즉시 같은 수준(탭 수)에 닫는 요소를 작성하여 나중에 이 작업을 수행하는 것을 잊지 않도록 하는 것이 좋습니다.
저것들. 여는 요소와 닫는 요소는 수직으로 같은 레벨에 있어야 하며, 내부 태그는 탭 문자 하나만큼 이동하고 닫는 요소와 여는 요소를 다시 같은 레벨에 배치해야 합니다.
간단한 웹 문서의 경우 이는 과도한 것처럼 보일 수 있지만 다소 복잡한 웹 문서를 만들 때는 코드가 훨씬 더 명확해질 것입니다공간이 많아 가독성이 좋으며, 태그의 대칭 배열로 인해 오류를 발견하기가 훨씬 쉽습니다.
HTML 코드의 특수 문자 또는 니모닉
이제이 기사의 시작 부분에서 사용 편의성을 발표 한 소위 특수 문자에 대해 이야기하겠습니다. 특수 문자는 니모닉 또는 대체 문자라고도 합니다. 이는 사용된 인코딩과 관련하여 꽤 오랫동안 하이퍼텍스트 마크업 언어에서 발생했던 문제를 해결하기 위한 것입니다.
키보드로 텍스트를 입력하면 해당 언어의 문자가 미리 정해진 알고리즘에 따라 인코딩된 후 디코딩으로 인해 사용하는 글꼴(사이트에서 찾을 위치 및 설치 방법)을 사용하여 사이트에 표시됩니다.
많은 인코딩이 있지만 Html 언어의 경우 기본적으로 확장 버전의 인코딩이 채택되었습니다.
이 텍스트 인코딩에서는 ASCII 문자 128개, 러시아어 문자 128개 등 256개 문자만 기록할 수 있었습니다. 결과적으로 ASCII에 포함되지 않고 Windows 인코딩 1251(CP1251)의 일부인 러시아어 문자가 아닌 문자를 사이트에서 사용할 때 문제가 발생했습니다. 글쎄, 물결표나 아포스트로피를 사용하기로 결정했지만 Html 언어에서 사용되는 인코딩에는 처음에는 그러한 가능성이 포함되지 않았습니다.
그러한 경우를 위해 대체, 즉 니모닉이 발명되었습니다. 처음에는 특수 문자는 디지털 형식을 가졌습니다., 그러나 가장 일반적인 문자의 경우 기억하기 쉽도록 해당 문자를 추가했습니다.
일반적으로 니모닉은 앰퍼샌드 "&"로 시작하고 세미콜론 ";"으로 끝나는 문자입니다. 브라우저가 HTML 코드를 구문 분석할 때 특수 문자를 추출하는 것은 이러한 특성을 기반으로 합니다. 숫자 와일드카드 코드의 앰퍼샌드 바로 뒤에는 해시라고도 하는 파운드 기호 "#"이 와야 합니다. 그런 다음 유니코드 인코딩에서 원하는 문자의 디지털 코드를 따릅니다.
유니코드로 60,000자 이상의 문자를 쓸 수 있습니다. 가장 중요한 점은 사이트에서 사용되는 글꼴이 필요한 니모닉 기호를 지원한다는 것입니다. 거의 모든 유니코드 문자를 지원하는 글꼴이 있고 특정 문자 집합에만 사용되는 옵션이 있습니다.
특수 문자의 전체 목록은 엄청나지만 가장 일반적으로 사용되는 니모닉예를 들어 다음 표에서 빌릴 수 있습니다.
| 상징 | HTML 코드 | 소수 암호 | 설명 |
|---|---|---|---|
| 중단되지 않는 공간 | |||
| 좁은 공간(너비를 문자 n으로 설정) | |||
| 넓은 공간(em-폭은 문자 m) | |||
| – | - | – | 엔 대시(엔 대시) |
| - | — | — | 엠 대시(엠 대시) |
| | - | | 소프트 전송 |
| 에이 | ́ | 강세는 "강세" 문자 뒤에 위치합니다. | |
| © | © | 저작권 | |
| ® | ® | ® | 등록상표 |
| ™ | ™ | ™ | 상표 표시 |
| º | º | º | 화성의 창 |
| ª | ª | ª | 비너스의 거울 |
| ‰ | ‰ | ‰ | ppm |
| π | π | π | 파이(Times New Roman 사용) |
| ¦ | ¦ | ¦ | 수직 점선 |
| § | § | § | 절 |
| ° | ° | ° | 도 |
| µ | µ | µ | 마이크로 사인 |
| ¶ | ¶ | ¶ | 단락 표시 |
| … | … | … | 생략 |
| ‾ | ‾ | ‾ | 윗줄 |
| ´ | ´ | ´ | 악센트 표시 |
| № | № | 숫자 기호 | |
| 🔍 | 🔍 | 돋보기(왼쪽으로 기울어짐) | |
| 🔎 | 🔎 | 돋보기(오른쪽으로 기울어짐) | |
| 산술 및 수학 연산의 징후 | |||
| × | × | × | 곱하다 |
| ÷ | ÷ | ÷ | 나누다 |
| < | < | 더 적은 | |
| > | > | > | 더 |
| ± | ± | ± | 플러스/마이너스 |
| ¹ | ¹ | ¹ | 1도 |
| ² | ² | ² | 2도 |
| ³ | ³ | ³ | 3도 |
| ¬ | ¬ | ¬ | 부정 |
| ¼ | ¼ | ¼ | 4분의 1 |
| ½ | ½ | ½ | 1초 |
| ¾ | ¾ | ¾ | 4분의 3 |
| ⁄ | ⁄ | ⁄ | 콤마 |
| − | − | − | 마이너스 |
| ≤ | ≤ | ≤ | 보다 작거나 같음 |
| ≥ | ≥ | ≥ | 보다 크거나 같음 |
| ≈ | ≈ | ≈ | 거의 (거의) 같다 |
| ≠ | ≠ | ≠ | 같지 않다 |
| ≡ | ≡ | ≡ | 동일하게 |
| √ | √ | √ | 제곱근(근수) |
| ∞ | ∞ | ∞ | 무한대 |
| ∑ | ∑ | ∑ | 합계 기호 |
| ∏ | ∏ | ∏ | 작업 표시 |
| ∂ | ∂ | ∂ | 편미분 |
| ∫ | ∫ | ∫ | 완전한 |
| ∀ | ∀ | ∀ | 모든 사람(굵게 표시된 경우에만 표시) |
| ∃ | ∃ | ∃ | 존재한다 |
| ∅ | ∅ | ∅ | 빈 세트 |
| Ø | Ø | Ø | 지름 |
| ∈ | ∈ | ∈ | 속한다 |
| ∉ | ∉ | ∉ | 속하지 않는다 |
| ∋ | ∋ | ∗ | 포함 |
| ⊂ | ⊂ | ⊂ | 부분집합이다 |
| ⊃ | ⊃ | ⊃ | 슈퍼세트다 |
| ⊄ | ⊄ | ⊄ | 부분집합이 아니다 |
| ⊆ | ⊆ | ⊆ | 부분집합이거나 다음과 같습니다. |
| ⊇ | ⊇ | ⊇ | 슈퍼세트이거나 같음 |
| ⊕ | ⊕ | ⊕ | 게다가 원 안에 |
| ⊗ | ⊗ | ⊗ | 원 안에 곱셈 기호 |
| ⊥ | ⊥ | ⊥ | 수직 |
| ∠ | ∠ | ∠ | 모서리 |
| ∧ | ∧ | ∧ | 논리 AND |
| ∨ | ∨ | ∨ | 논리적 OR |
| ∩ | ∩ | ∩ | 교차로 |
| ∪ | ∪ | ∪ | 협회 |
| 통화 기호 | |||
| ₽ | ₽ | 루블. 루블 기호는 숫자와 함께 사용해야 합니다. 유니코드 7.0 표준. 이미지가 표시되지 않으면 유니코드 글꼴을 업데이트하세요. | |
| € | € | € | 유로 |
| ¢ | ¢ | ¢ | 센트 |
| £ | £ | £ | 파운드 |
| ¤ | ¤ | ¤ | 통화 기호 |
| ¥ | ¥ | ¥ | 엔화와 위안화 |
| ƒ | ƒ | ƒ | 플로린 기호 |
| 마커 | |||
| . | 간단한 마커 | ||
| ○ | ○ | 원 | |
| · | · | · | 중간점 |
| † | † | 십자가 | |
| ‡ | ‡ | 이중 교잡 | |
| ♠ | ♠ | ♠ | 봉우리 |
| ♣ | ♣ | ♣ | 클럽 |
| 마음 | |||
| ♦ | ♦ | ♦ | 다이아 패 한 벌 |
| ◊ | ◊ | ◊ | 마름모 |
| ✏ | ✏ | 연필 | |
| ✎ | ✎ | 연필 | |
| ✐ | ✐ | 연필 | |
| ✍ | ✍ | 손 | |
| 인용 부호 | |||
| " | " | " | 큰따옴표 |
| & | & | & | 앰퍼샌드 |
| « | « | « | 왼쪽 인쇄용 따옴표(헤링본 따옴표) |
| » | » | » | 오른쪽 활자체 따옴표(헤링본 따옴표) |
| ‹ | ‹ | 단일 코너 견적 열기 | |
| › | › | 단일 코너 견적 마감 | |
| ′ | ′ | ′ | 소수(분, 피트) |
| ″ | ″ | ″ | 이중 소수(초, 인치) |
| ‘ | ‘ | ‘ | 왼쪽 상단 작은따옴표 |
| ’ | ’ | ’ | 오른쪽 위 작은따옴표 |
| ‚ | ‚ | ‚ | 오른쪽 아래 작은따옴표 |
| “ | “ | “ | 왼쪽 인용-피트 |
| ” | ” | ” | 발 오른쪽 상단 인용 |
| „ | „ | „ | 오른쪽 아래 발 인용 |
| ❛ | ❛ | 단일 영어 여는 따옴표 | |
| ❜ | ❜ | 단일 영어 닫는 따옴표 | |
| ❝ | ❝ | 여는 큰따옴표 | |
| ❞ | ❞ | 닫는 큰따옴표 | |
| 화살 | |||
| ← | ← | ← | 왼쪽 화살표 |
| 위쪽 화살표 | |||
| → | → | → | 오른쪽 화살표 |
| ↓ | ↓ | ↓ | 아래쪽 화살표 |
| ↔ | ↔ | ↔ | 왼쪽 및 오른쪽 화살표 |
| ↕ | ↕ | 위쪽 및 아래쪽 화살표 | |
| ↵ | ↵ | ↵ | 캐리지 리턴 |
| ⇐ | ⇐ | ⇐ | 이중 왼쪽 화살표 |
| ⇑ | ⇑ | ⇑ | 이중 위쪽 화살표 |
| ⇒ | ⇒ | ⇒ | 이중 오른쪽 화살표 |
| ⇓ | ⇓ | ⇓ | 이중 아래쪽 화살표 |
| ⇔ | ⇔ | ⇔ | 이중 화살표 왼쪽 및 오른쪽 |
| ⇕ | ⇕ | 이중 위쪽 및 아래쪽 화살표 | |
| ▲ | ▲ | 삼각형 위쪽 화살표 | |
| ▼ | ▼ | 삼각형 아래쪽 화살표 | |
| 삼각형 오른쪽 화살표 | |||
| ◄ | ◄ | 삼각형 왼쪽 화살표 | |
| 별, 눈송이 | |||
| ☃ | ☃ | 눈사람 | |
| ❄ | ❄ | 눈송이 | |
| ❅ | ❅ | 토끼풀에 끼워진 눈송이 | |
| ❆ | ❆ | 뚱뚱하고 날카로운 각진 눈송이 | |
| ★ | ★ | 음영처리된 별 | |
| ☆ | ☆ | 빈 별 | |
| ✪ | ✪ | 채워진 원 안의 채워지지 않은 별 | |
| ✫ | ✫ | 내부에 열린 원이 있는 채워진 별 | |
| ✯ | ✯ | 회전하는 별 | |
| ⚝ | ⚝ | 그려진 흰색 별 | |
| ⚪ | ⚪ | 중간 열린 원 | |
| ⚫ | ⚫ | 가운데 채워진 원 | |
| ⚹ | ⚹ | Sextile(눈송이형) | |
| ✵ | ✵ | 여덟개 회전하는 별 | |
| ❉ | ❉ | 끝이 구형인 별 | |
| ❋ | ❋ | 대담한 8각 방울 모양의 별 프로펠러 | |
| ✺ | ✺ | 16개의 별표 | |
| ✹ | ✹ | 열두개의 별 | |
| ✸ | ✸ | 굵은 8각 직선으로 채워진 별 | |
| ✶ | ✶ | 육각형으로 채워진 별 | |
| ✷ | ✷ | 여덟개의 직선으로 채워진 별 | |
| ✴ | ✴ | 여덟개 별 | |
| ✳ | ✳ | 여덟개 별 | |
| ✲ | ✲ | 가운데가 비어 있는 별 | |
| ✱ | ✱ | 뚱뚱한 별 | |
| ✧ | ✧ | 뾰족한 네 꼭지 열린 별 | |
| ✦ | ✦ | 4각형으로 채워진 뾰족한 별 | |
| ⍟ | ⍟ | 원 안에 별표 표시 | |
| ⊛ | ⊛ | 원 안에 눈송이 | |
| 시계, 시간 | |||
| ⏰ | ⏰ | 보다 | |
| ⌚ | ⌚ | 보다 | |
| ⌛ | ⌛ | 모래시계 | |
| ⏳ | ⏳ | 모래시계 | |
꽤 흥미로운 점이 있다 HTML 니모닉 코드를 얻는 방법당신이 필요로하는 표시를 위해. 이렇게 하려면 Microsoft Word 편집기를 열고 새 문서를 만든 다음 상단 메뉴에서 "삽입" - "기호"를 선택하세요. (저는 2003 버전을 사용하므로 이후 버전에서도 비슷한 작업을 수행하는 방법을 모르겠습니다. ).
열리는 창에서 Times New Roman(또는 사이트 방문자의 대부분의 컴퓨터에 분명히 존재하는 기타 글꼴(예: Courier 또는 Arial))과 같은 글꼴을 선택해야 합니다.
Word 문서에 열리는 목록에서 필요한 모든 특수 문자를 추가하고 이 Word 문서를 웹 페이지로 저장합니다(저장 시 ".html" 드롭다운 목록에서 선택). 그렇다면 여러분이 해야 할 일은 HTML 편집기(동일한 Notepad++에서도 가능)에서 이 웹 페이지를 여는 것뿐입니다. 그러면 필요한 니모닉의 모든 디지털 코드가 표시됩니다.
방법은 약간 복잡하지만 웹사이트 페이지에 보기 드문 특수 문자를 사용하려는 경우 바로 위에 표시된 것과 같은 표를 인터넷에서 검색하는 것보다 더 쉬울 것입니다. 결과 특수 문자 코드를 올바른 위치에 붙여넣어야 합니다. 그러면 웹 페이지 대신 브라우저가 필요한 문자(예: 줄바꿈 없는 공백)를 표시합니다.
예의 줄바꿈 없는 공백 및 부드러운 하이픈
위에서 이미 언급한 바와 같이 바로 위에 제공된 특수 문자 표에서 볼 수 있듯이 Html의 일부 니모닉은 디지털 외에도 더 쉽게 기억할 수 있도록 기호 지정도 받았습니다. 저것들. 해시 기호 "#"(해시) 대신 기호 변형에 단어가 사용됩니다. 예를 들어, 동일한 줄바꿈 방지 공백은 (디지털 니모닉) 또는 (문자)로 쓸 수 있습니다.
기사 작성 시 앰퍼샌드(&)나 여는 꺾쇠괄호(<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.
즉, 예를 들어 텍스트에 태그 표시를 삽입해야 하는 기사를 작성하는 경우< body>또는 미만 기호(<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
따라서 비슷한 문제를 해결하려면 다음 구성을 삽입해야 합니다.
니모닉은 앰퍼샌드로 시작하므로 니모닉 자체의 코드를 표시하는 경우에도 마찬가지입니다. 앰퍼샌드 기호를 대체 문자(특수 문자)로 바꿔서 텍스트에 코드를 삽입해야 합니다.
페이지에 들어가려면 이 작업을 수행해야 합니다.<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
또한 웹 페이지에서는 일반 공백처럼 보이지만 브라우저에서는 이를 공백 문자로 전혀 처리하지 않는 금칙 공백을 사용할 가능성이 높습니다. 전송을 수행하지 않습니다(예를 들어, 1400GB 등과 같은 문구에 적합하지만 여러 줄에 걸쳐 하이픈을 사용하는 것은 바람직하지 않습니다.)
1400GB.
때로는 텍스트에 매우 긴 단어가 포함되어 있고 필요한 경우 브라우저가 하이픈으로 이 단어를 분리할 수 있어요. 이러한 목적을 위해 "소프트 전송"이라는 특수 기호가 제공됩니다.
길고 긴 단어;
다른 줄로 이동해야 하는 경우 브라우저는 소프트 하이픈 니모닉 대신 하이픈을 사용하고 나머지 단어를 다음 줄로 보냅니다. 이 전체 단어를 한 줄에 배치할 수 있는 충분한 공간이 있으면 브라우저는 줄 바꿈을 그리지 않습니다. 그렇게 간단합니다.
행운을 빕니다! 블로그 사이트 페이지에서 곧 뵙겠습니다.
당신은 관심이 있을 수도 있습니다
MailTo - 그것이 무엇이며 이메일을 보내기 위해 HTML로 링크를 만드는 방법 
Html 4.01 표준에 따른 제목 H1-H6, 수평선 Hr, 줄 바꿈 Br 및 단락 P의 태그 및 속성 
HTML에 링크와 그림(사진)을 삽입하는 방법 - IMG 및 A 태그 
하이퍼텍스트 마크업 언어 Html이란 무엇이며 W3C 유효성 검사기에서 모든 태그 목록을 보는 방법 
글꼴(얼굴, 크기 및 색상), Blockquote 및 Pre 태그 - 순수 HTML의 레거시 텍스트 형식(CSS 사용 안 함) 
HTML 및 CSS 코드에서 색상을 설정하는 방법, 테이블에서 RGB 음영 선택, Yandex 출력 및 기타 프로그램 
Html 코드의 주석 지시문과 Doctype, 블록 및 인라인 요소(태그)의 개념 
HTML 코드 목록 - UL, OL, LI 및 DL 태그
문서가 화면에 표시될 때 태그로 묶인 텍스트를 제외하고 공백과 빈 줄은 유지되지 않습니다. PRE(미리 서식이 지정된 텍스트). 즉, 일련의 공백, 탭 및 빈 줄은 HTML 파일의 단일 공백과 동일합니다. 반면 HTML 파일의 공백은 공백 수나 새(빈) 줄을 사용하여 표현할 수 있습니다.
용어 뉴린(새 줄)은 이론적으로 줄의 끝을 표시하는 데 사용됩니다. SGML은 라인(레코드)이 시작 문자(개행 - 라인 피드, LF, ASCII 코드 10)로 시작하고 레코드 끝 문자(캐리지 리턴, CR, ASCII 13)로 끝나야 함을 지정합니다. 실제로 HTML 문서는 주어진 컴퓨터 시스템과 일치하는 개행 표현을 사용하여 렌더링되고 전송됩니다. 따라서 HTML 브라우저는 CR LF, CR only 또는 LF only 시퀀스로 표시되는 세 가지 공통 줄 분리 표현 중 하나를 지원하며 이러한 가정을 기반으로 레코드의 앞뒤 문자 표현의 오류를 강조 표시합니다. .
따라서 줄 바꿈은 공백과 동일하므로 텍스트를 줄로 분할하는 방법은 중요하지 않습니다. 그러나 HTML에서는 단어를 두 줄로 나누어서는 안 됩니다. 예를 들어, 아래와 같이 국제 단어를 두 줄로 분할하는 경우:
| 국제적인 |
이것은 다음과 같이 해석될 것이다.
| 국제적인 |
따라서 문서를 논리적으로 표현하려면 다음과 같은 HTML 태그를 사용해야 합니다. 피또는 BR필요한 경우 줄 바꿈을 제공합니다.
브라우저는 일반적으로 단어에 하이픈이 포함되어 있지 않는 한 단어를 두 줄로 분할하지 않습니다. HTML 3.2 참조 사양은 이 문제와 관련하여 그다지 정확하지 않으며 테이블 섹션을 논의할 때 다음이 제공됩니다.
일부 사용자 에이전트의 경우 단어 내의 문자열을 번역하는 것이 필요하거나 바람직할 수 있습니다. 이러한 경우에는 이러한 일이 발생했는지 시각적으로 확인하는 것이 좋습니다.
조심하세요 줄 길이가 통제할 수 없습니다. 이는 브라우저, 컴퓨터 및 문서를 보는 사람들이 지정한 설정에 따라 다릅니다. 일반적으로 단어 사이의 줄 바꿈을 방지할 수 있는 방법은 없지만 연속된 공백을 사용하여 줄 바꿈을 방지할 수 있습니다.
HTML 태그와 함께 개행 문자를 사용하는 것과 관련하여 특별한 규칙이 있습니다:
- 시작 태그 바로 뒤의 줄 바꿈은 무시됩니다. 예를 들어, 라인
- 마찬가지로 종료 태그 앞의 줄 바꿈은 무시됩니다. 예를 들어, 라인
HTML 문서에서는 가로 탭(HT) 문자를 사용할 수 있습니다. 그러나 요소 내에서는 PRE탭 문자는 특별한 해석을 갖고 있으며 공백과 동일하며 어떤 종류의 탭 정보도 전달하지 않습니다. (표로 작성된 데이터를 나타내려면 요소를 사용하십시오. 테이블.) 실제로 문서의 HTML 소스 코드를 탭으로 포맷하려면 HTML 코드에 탭 문자를 포함하지 않고 대신 적절한 양의 공백을 사용하는 것이 좋습니다.
태그는 텍스트의 탭 문자를 지정합니다. 이는 /t 이스케이프 시퀀스를 사용하는 것과 유사합니다.
1 2 3\t\t\t4
표시:
1 2 3 4
탭 문자가 삽입될 때 줄이 이동하는 거리는 임의로 설정할 수 있습니다. 이를 위해 태그의 TABSTOPS 속성이 사용됩니다.
태그는 표준 HTML 태그가 아닙니다. 일관된 방식으로 텍스트 형식을 지정하는 데 도움이 되도록 Flash 마크업 태그에 추가되었습니다.
꼬리표...
태그는 여백, 들여쓰기 및 줄 이동과 같은 텍스트 형식 특성을 담당합니다. 여기에는 다음 속성을 지정할 수 있습니다.
왼쪽 여백. 왼쪽 여백 크기(포인트)입니다. 아날로그는 TextFormat 클래스의 leftmargin 속성입니다.
오른쪽 여백. 오른쪽 여백 값(포인트)은 TextFormat 클래스의 rightmargin 속성입니다.
톱니 모양. 단락의 첫 번째 줄을 포인트 단위로 들여씁니다. TextFormat 클래스의 속성 중 indent 속성과 유사합니다.
블록인덴트.
텍스트 단락의 왼쪽 들여쓰기(포인트)입니다. 아날로그 - blockIndent 속성
클래스 TextFormat.
주요한. 선 사이의 거리(포인트)입니다. TextFormat 클래스의 유사한 속성이 선행됩니다.
탭스톱. 이 속성은 시퀀스의 각 탭 문자가 발생하는 줄 오프셋(포인트)을 지정합니다. 해당 값은 1, 2, 3, ... n 탭 문자를 행에 입력하는 경우 선이 창까지 이동하는 거리를 나타내는 숫자 목록입니다. TABSTOPS 속성과 유사한 것은 TextFormat 클래스의 tabStops 속성입니다.
0din 탭R> 두 개의 탭R>
Pole.html=pole.border=pole.multiline=true;
Pole.htmlText="
세 개의 타바르>
태그는 표준 HTML 태그가 아닙니다. 태그를 사용하여 텍스트를 마크업하는 기능이 Text Format 클래스의 속성을 사용하는 것과 유사하도록 도입되었습니다.
꼬리표...
꼬리표 임의의 텍스트 조각에 CSS 클래스 스타일을 적용하기 위한 것입니다.
클래스 이름은 CLASS 속성에 지정됩니다.
This.createTextField("극", 0, 150, 150, 200, 90);
극.autoSize = 극.국경=pole.multiline=true;
// 빨간색, 녹색, 파란색 텍스트를 정의하는 세 가지 클래스 스타일을 만듭니다.
var style:TextField.Stylesheet = new TextField.Stylesheet();
var green_text:String = ".GREEN(색상:#00FF00)";
var red_text:String = ".RED(색상:#FF0000)";
var blue_text:String = ".BLUE(색상:#0000FF)";
style.parseCSS(green_text+red_text+blue_text);
Pole.styleSheet=스타일;
// 생성된 스타일로 텍스트를 표시합니다.
극.텍스트 = " 3녹색 텍스트
빨간색 텍스트
파란색 텍스트 ";
