프레이징 컨텐츠(Phrasing Content)

프레이징 콘텐츠는 문서의 텍스트를 나타내며, 그 텍스트를 문단 내부 레벨로 마크업하는 요소들임. 프레이징 콘텐츠가 모여 문단을 구성함. <a> 요소와 같은 일부 요소들은 콘텐츠로 다른 요소를 포함하지 않는다는 전제하에 조건부로 프레이징 콘텐츠가 되기도 함.

프레이징 콘텐츠로 분류되는 요소의 대부분은 플로우 콘텐츠 전체를 포함할 수 없으며, 프레이징 콘텐츠로 분류된 요소만을 포함할 수 있음. 또한 프레이징 콘텐츠는 텍스트 이외에 임베디드 콘텐츠를 포함할 수 있음.

<a>, <abbr>, <area>(<map> 요소의 자손인 경우), <audio>, <b>, <bdi>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <data>, <datalist>, <del>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <keygen>, <label>, <map>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <u>, <var>, <video>, <wbr>

 

HTML의 "Phrasing Content"는 문맥 안에서 텍스트나 인라인 요소를 감싸는 요소들을 나타냅니다. 이러한 요소들은 블록 레벨 요소 내에 사용될 수 있고, 텍스트를 강조하거나 하이퍼링크를 생성하는 등의 역할을 합니다.

일반적인 Phrasing Content로 사용되는 몇 가지 요소는 다음과 같습니다

1.텍스트 요소:

텍스트를 직접 나타내는 요소들이 포함됩니다.
예: <span>, <strong>, <em>, <abbr>, <code> 등

<p>This is <strong>strong</strong> and <em>emphasized</em> text.</p>

2.하이퍼링크 요소:

하이퍼링크를 정의하는 요소로서, 다른 웹 페이지로 이동하거나 동일한 페이지 내에서 이동할 수 있도록 합니다.
예: <a>

<p>Visit our <a href="https://www.example.com">website</a> for more information.</p>

3.이미지 요소:

이미지를 문서에 삽입하는 요소입니다.
예: <img>

<p>This is an <img src="example.jpg" alt="example image"> image.</p>

4.입력 요소:

사용자에게 양식을 입력하도록 하는 요소로서, <input>, <textarea>, <select> 등이 있습니다.

<p>Enter your name: <input type="text" name="username"></p>

5.코드 요소:

프로그래밍 코드나 컴퓨터 코드를 나타내는 요소입니다.
예: <code>, <pre>

<p>Use the <code>print()</code> function to display a message.</p>

6.배경음 요소:

소리를 문서에 포함하는 요소로서, HTML5에서는 더 이상 권장되지 않습니다.
예: <bgsound>

<bgsound src="background-music.mp3" loop="infinite">

이러한 Phrasing Content는 블록 레벨 요소 내에서 사용될 수 있으며, 웹 페이지의 텍스트와 다양한 인라인 콘텐츠를 표현하는 데 사용됩니다.