웹 프론트엔드 HTML 튜토리얼 HTML에서 더 이상 사용되지 않는 태그

HTML에서 더 이상 사용되지 않는 태그

Apr 09, 2017 am 09:59 AM

더 이상 사용되지 않는 HTML 태그

약어

이니셜(예:

) inc.와 같이 단어의 약어를 나타내는 abbr 태그도 유사합니다. 구문은 다음과 같습니다:

<acronym title="World Wide Web">WWW</acronym>
<abbr title="incorporated">inc.</abbr>
로그인 후 복사

약어 대신 abbr 사용을 권장합니다(위에서 언급한 의미상의 차이는 무시)

애플릿

Java 소형 애플리케이션은 주로 그리기 기능(코드를 통해 페이지에 무언가 그리기)을 제공합니다. 예:

<applet code="ShowImage.class" width=600 height=400 archive="Imagetest.jar"></applet>
로그인 후 복사

실행하려면 JRE가 필요하고 현재 주류 브라우저는 기본적으로 JRE를 설치하지 않기 때문에 현재로서는 거의 쓸모가 없습니다.

그리기에는 캔버스를 사용하거나 애플릿 대신 플래시를 삽입하려면 객체+임베드를 사용하는 것이 좋습니다

참고: 더 나은 호환성을 위해 객체+삽입을 사용하세요. 장면이 허용하는 경우 객체를 사용하는 것이 좋습니다

기본글꼴

basefont 태그는 기본 글꼴을 정의합니다. 이 태그는 문서의 모든 텍스트에 대한 기본 글꼴 색상, 글꼴 크기 및 글꼴 모음을 정의합니다. 예:

<basefont color="red" size="5" face="Arial" />
로그인 후 복사

기본 글꼴 태그는 [IE9-]

에서만 지원됩니다. body 요소에 대해 기본 글꼴을 직접 정의하는 것이 좋습니다. 모든 하위 요소는 이러한 속성 값을 상속받습니다.

배경음

배경 음악을 추가하는 데 사용됩니다. 예:

<bgsound src="your.mid" autostart="true" loop="infinite">
로그인 후 복사

대신 오디오 또는 객체+삽입을 사용하는 것이 좋습니다. 예:

<embed src="your.mid" autostart="true" loop="true" hidden="true">
로그인 후 복사

크다

글꼴을 확대하는 데 사용되며 한 크기를 확대합니다(여러 레이어를 중첩하면 더 확대될 수 있음). 지원되지 않는 브라우저는 굵게 표시됩니다. 예:

<big>大1号</big><big><big>大2号</big></big>
로그인 후 복사

"숫자"가 어떻게 정의되는지에 대해서는 걱정하지 마세요. 의미에 따라

대신 em, Strong 또는 사용자 정의 스타일 클래스를 사용하는 것이 좋습니다. 깜박임

다음과 같은 깜박이는 효과를 얻을 수 있습니다.

<blink>Why would somebody use this?</blink>
로그인 후 복사

지원이 매우 열악하고 권장되지 않습니다(주요 브라우저는 깜박임 값을 지원하지만 효과가 없음):

<p style="text-decoration: blink">This should be avoided as well.</p>
로그인 후 복사

대신 애니메이션 사용을 권장합니다. 센터

콘텐츠를 중앙에 배치하세요. 예:

<center>文本及子元素会居中</center>
로그인 후 복사

효과는 CSS와 유사합니다:

text-align: center;
로그인 후 복사

추천하지 않습니다. 사용할 이유가 전혀 없습니다

디렉토리

디렉토리 목록(예:

<dir>
    <li>html</li>
    <li>xhtml</li>
    <li>css</li>
</dir>
로그인 후 복사

) 기본적으로 ul과 효과는 같습니다. 브라우저의 기본 스타일

에 따라 목록 항목의 왼쪽 여백에 약간의 차이가 있습니다. 권장하지 않습니다. 의미에 따라 ul, ol 또는 dl

을 사용하는 것이 좋습니다. 글꼴

글꼴, 글꼴 크기 및 색상을 정의하는 데 사용됩니다. 예:

<font face="verdana" color="green" size="3">This is some text!</font>
로그인 후 복사

속성 값은 기본 글꼴과 동일

사용을 권장하지 않습니다. 대신 CSS를 사용하는 것이 좋습니다.

이 태그를 사용할 이유가 없습니다. 프레임

프레임세트 열을 사용하세요. 예:

<!DOCTYPE html>
<html>

<frameset cols="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>
로그인 후 복사

참고: 본체

를 프레임셋으로 교체하세요. 복잡한 배경 페이지는 프레임셋+프레임 레이아웃을 사용합니다. 물론 특정 시나리오에 따라 float/flex+Ajax를 사용하여 구현할 수도 있습니다

프레임셋

프레임 보기

h그룹

일련의 제목을 그룹화합니다(예:

<hgroup>
   <h1>The reality dysfunction</h1>
   <h2>Space is not the only void</h2>
</hgroup>
로그인 후 복사

). 약간의 의미를 제공하지만 오래되었기 때문에 더 이상 사용되지 않습니다.

대신 헤더를 사용하는 것이 좋습니다. 예:

<header>
   <h1>The reality dysfunction</h1>
   <p class="subheading">Space is not the only void</p>
</header>
로그인 후 복사

isindex

한 줄 텍스트 제어, 초기 표시 프롬프트 값(예:

<isindex prompt="string" />
로그인 후 복사

) 현재 지원이 매우 열악하므로 대신 입력 요소를 사용하는 것이 좋습니다.

W3C는 다음을 사용하지 말 것을 권장합니다:

아니요. 이 요소는 더 이상 사용되지 않습니다.

W3C 위키에서 인용

구체적인 사용법은 http://reference.sitepoint.com/html/isindex를 참조하세요. (찾기 힘드니 여기에 넣어주세요)

목록

어떤 것이든 Microsoft는 사용을 권장하지 않습니다.

이 요소는 더 이상 사용되지 않으며 대신 HTMLPreElement, 코드 또는 CSS를 사용하면 됩니다.

MSDN 목록 요소에서 인용됨

천막

롤링 자막은 효과가 매우 강력합니다. 예:

<marquee style="height: 104px; width: 22.35%; margin: 10px 20px; background-color: rgb(204, 255, 255);" bgcolor="#ccffff" vspace="10" direction="up" height="104" width="22.35%" loop="3" scrollamount="1" scrolldelay="10" hspace="20">
<p align="center"><font color="#000000">此处输入滚动内容</font></p></marquee>

<marquee>这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。</marquee>
로그인 후 복사

더 많은 효과는 모바일 라벨(marquee) 속성 상세설명을 참고해주세요

공지 사항을 구현하는 데 주로 사용됩니다. 비록 오래되었지만 효과는 강력하고 지원도 좋습니다. 더 흥미로운 콘텐츠를 보려면 WeChat 공식 계정을 팔로우하세요: Full Stack 개발자 센터(admin10000_com)

멀티콜

다중 열 레이아웃을 구현하는 데 사용되며 어떤 주류 브라우저에서도 지원되지 않습니다.

HTML

MDN multicol에서 인용

다음ID

기능을 알 수 없으며 지원 여부를 알 수 없습니다.

사용을 권장하지 않습니다. 노브

줄 바꿈은 금지됩니다. 예:

<p>Our telephone number is <nobr>0800 123 123 123</nobr>.</p>
로그인 후 복사

권장되지 않습니다. 대신 CSS를 사용하는 것이 좋습니다.

white-space: nowrap;
로그인 후 복사

놉베드

브라우저가 삽입을 지원하지 않으면 noscript와 유사하게 콘텐츠가 표시됩니다. 예:

<noembed>
<img src="/images/inflate.jpg" alt="Inflate the tyre by holding the
pump at 90 degree angle to the valve">
<p>You can inflate the tyre by holding the pump at 90 degree angle
to the valve, as shown in the image above.</p>
</noembed>
로그인 후 복사

권장하지 않습니다. 호환성을 고려해야 하는 경우 object+embed+noembed(객체 대체 항목으로 embed/noembed)를 사용하는 것이 좋습니다.

노프레임

브라우저가 프레임세트+프레임을 지원하지 않으면 noscript와 유사하게 콘텐츠가 표시됩니다. 예:

<html>

<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
  <noframes>Sorry, your browser does not handle frames!</noframes>
</frameset>

</html>
로그인 후 복사

noframe 태그에는 본문에 나타날 수 있는 모든 태그가 포함될 수 있습니다

호환성을 고려해야 하는 경우에는 프레임의 대체 수단으로 사용할 수 있으며, 구체적인 시나리오에 따라 float/flex+Ajax를 사용하여 구현하는 것이 좋습니다

plaintext

忽略内容中的html标签,作用类似于pre,例如:

<p>The markup for this is:</p>
<plaintext>
    <h1>Main heading goes here</h1>
    <p>First paragraph goes here</p>
    <h2>Sub-heading goes here</h2>
</plaintext>.

</body>
</html>
로그인 후 복사

不推荐使用,建议根据语义用pre或者code代替

spacer

插入空白(white spaces),例如:

<span>Just a text node</span>
<spacer type="horizontal" size="10"></spacer>
<span>Just another text node</span>
<spacer type="block" width="10" height="10"></spacer>
로그인 후 복사

主流浏览器都不支持,不推荐使用

strike

删除线,效果类似于del和s,例如:

<p>Version 2.0 is <strike>not yet available!</strike> now available!</p>
로그인 후 복사

不推荐使用,建议用del代替

tt

键盘输入(teletype),例如:

<p><tt>Teletype text</tt></p>
로그인 후 복사

不推荐使用,建议根据语义用kbd(键盘按键)、var(变量)、code(代码)、samp(样例输出)或者CSS代替

xmp

80列的样例输出,样式效果类似于pre,语义类似于samp,例如:

<xmp>
Stock ID    Description             Price         Quantity in Stock
--------    -----------             -----         -----------------
116         Inflatable Armchair     21.50                13
119         Walkie Talkie           40.20                44
</xmp>
로그인 후 복사

目前浏览器支持该标签,但不限制80列

不推荐使用,建议采用samp代替

위 내용은 HTML에서 더 이상 사용되지 않는 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML의 테이블 테두리 HTML의 테이블 테두리 Sep 04, 2024 pm 04:49 PM

HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML의 중첩 테이블 HTML의 중첩 테이블 Sep 04, 2024 pm 04:49 PM

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 여백-왼쪽 HTML 여백-왼쪽 Sep 04, 2024 pm 04:48 PM

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML 테이블 레이아웃 HTML 테이블 레이아웃 Sep 04, 2024 pm 04:54 PM

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 입력 자리 표시자 HTML 입력 자리 표시자 Sep 04, 2024 pm 04:54 PM

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

HTML에서 텍스트 이동 HTML에서 텍스트 이동 Sep 04, 2024 pm 04:45 PM

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

HTML 정렬 목록 HTML 정렬 목록 Sep 04, 2024 pm 04:43 PM

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML 온클릭 버튼 HTML 온클릭 버튼 Sep 04, 2024 pm 04:49 PM

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.

See all articles