프론트엔드/HTML
-
HTML - autocomplete프론트엔드/HTML 2024. 10. 29. 21:54
HTML의 autocomplete 속성은 입력 필드에 자동 완성 기능을 활성화하거나 비활성화하는 데 사용됩니다. 다양한 값들이 있으며, 이 값들에 따라 브라우저가 사용자 경험을 개선하기 위해 저장된 데이터를 자동으로 채워줍니다.1. 기본 속성on: 자동 완성 기능을 활성화합니다 (기본값).off: 자동 완성 기능을 비활성화합니다.2. 자동 완성에 사용되는 입력 유형별 속성아래 값들은 브라우저가 어떤 정보를 자동 완성해야 하는지 명확하게 지정해줍니다.개인 정보name: 이름honorific-prefix: 경칭 (Mr., Mrs. 등)given-name: 이름(예: 홍길동의 '길동')family-name: 성(예: 홍길동의 '홍')nickname: 별명email: 이메일 주소username: 사용자 이름ne..
-
<pre>태그에 대해서, <pre>태그 줄바꿈프론트엔드/HTML 2024. 4. 15. 21:10
태그에 대해서 태그는 "preformatted text"의 약자로, 그 안의 텍스트를 서식이 있는 텍스트로 표시하도록 지정합니다. 이 태그 안의 텍스트는 일반적인 HTML 규칙과는 달리 공백과 줄바꿈을 그대로 유지합니다. 줄바꿈이 안되는 경우에는 아마도 CSS의 white-space 속성이 nowrap으로 설정되어 있을 가능성이 높습니다. 따라서 이를 해결하려면 다음과 같이 white-space 속성을 pre로 설정하여 태그의 특성을 사용하도록 변경할 수 있습니다. pre { white-space: pre-wrap; } 이렇게 설정하면 태그 안에서의 줄바꿈이 유지되며, 텍스트가 컨테이너를 넘어갈 경우 자동으로 줄바꿈됩니다.
-
<link>와 <script>에 대해서프론트엔드/HTML 2024. 4. 5. 00:39
와 에 대해서 HTML에서 와 태그는 각각 외부 스타일 시트와 외부 자바스크립트 파일을 HTML 문서에 연결하는 데 사용됩니다. 이 두 요소를 HTML 문서의 섹션에 선언하는 것이 일반적인 관례입니다. 1. 태그: 이 태그는 HTML 문서에 외부 스타일 시트를 포함시킵니다. 스타일 시트는 웹 페이지의 레이아웃, 디자인 및 스타일을 정의하는 데 사용됩니다. 따라서 이를 가능한 빨리 로드하는 것이 중요합니다. 태그를 섹션에 배치하면 브라우저가 스타일 시트를 먼저 로드하고, 그 다음에 문서의 콘텐츠를 표시하여 사용자가 페이지를 더 빨리 볼 수 있게 됩니다. 2. 태그: 이 태그는 HTML 문서에 자바스크립트 코드를 포함시킵니다. 자바스크립트는 웹 페이지의 동적인 기능을 담당하므로, 이 또한 빨리 로드하는 것이..