목차
<blockquote>는 다들 잘 아실 거라 생각하는데, 실제로 <cite>라는 남동생이 있다는 걸 알고 계셨나요? <cite>를 사용하면 텍스트를 요소 내의 참조로 정의할 수 있습니다. 일반적으로 브라우저는 <cite> 태그 아래의 텍스트를 기울임꼴로 설정하지만 이는 CSS에 따라 변경될 수 있습니다.
드롭다운 상자에서 다양한 유형에 따라 그룹화된 옵션에 몇 가지 정의를 추가하려는 경우 <optiongroup> 태그가 매우 유용합니다. 예를 들어, 시간을 기준으로 영화를 그룹화하려면 코드를 다음과 같이 작성할 수 있습니다.
<acronym> 태그는 일반적으로 문장(문구)에 정의나 자세한 설명을 추가하는 데 사용됩니다. 사용자가 <acronym> 태그가 추가된 텍스트 위에 마우스를 올리면 추가된
<address> 태그는 매우 드문 태그이지만 이것이 쓸모 없다는 의미는 아닙니다. 이름에서 알 수 있듯이 <address>를 사용하면 HTML에서 의미론적으로 주소를 표시할 수 있습니다. 이 유용한 태그는 그 안에 있는 데이터에도 이탤릭체로 표시되어 있지만 이 스타일은 CSS를 통해 쉽게 수정할 수 있습니다.
마크업을 통해 문서 편집 스타일을 표시하려면 <ins> 이름에서 알 수 있듯이 <ins>는 문서에 추가된 텍스트를 강조하기 위해 밑줄을 사용하고, <del>은 삭제된 텍스트를 강조하기 위해 취소선을 사용합니다.
테이블 요소 문서를 마크업할 때 쉽게 잊어버릴 수 있습니다. 테이블 요소 중에서 가장 잊혀진 요소 중 하나는 아마도 <label> 태그일 것입니다. 하지만 <label> 태그의 경우 매우 편리하게 텍스트를 표현할 수 있을 뿐만 아니라 동시에 for
<fieldset>는 양식 내에서 관련 요소를 논리적으로 그룹화할 수 있는 매우 유용한 태그입니다. 이러한 요소가 <fieldset> 태그를 사용하여 함께 그룹화되면 <label> 태그를 필드세트에 바인딩하여 그룹화에 대한 제목을 정의할 수 있습니다.
8. <abbr>
9. rel
10. <wbr>
웹 프론트엔드 HTML 튜토리얼 당신이 알아야 할 10가지 흔하지 않은 HTML 태그

당신이 알아야 할 10가지 흔하지 않은 HTML 태그

Mar 12, 2017 pm 05:36 PM
HTML 태그

이 기사에서는 일반적이지 않은 10가지 알아야 할 HTML 태그

에 대해 설명합니다. 요즘 웹 개발 엔지니어는 일반적으로 학습 및 업무에서 두 ​​개 이상의 언어를 사용합니다. 그러므로 우리가 언어의 모든 측면을 이해하는 것은 어렵고, 언어에서 흔하지 않지만 잠재적으로 유용한 키워드의 사용법과 같이 언어를 마스터하는 것도 상당히 어렵습니다.

여기에서는 가장 흔하지 않고 자주 오용되는 HTML 태그 10개를 소개합니다. 다른 HTML 태그만큼 일반적이지는 않지만 특정 상황에서는 여전히 매우 유용할 수 있습니다.

1.

는 다들 잘 아실 거라 생각하는데, 실제로 라는 남동생이 있다는 걸 알고 계셨나요? 를 사용하면 텍스트를 요소 내의 참조로 정의할 수 있습니다. 일반적으로 브라우저는 태그 아래의 텍스트를 기울임꼴로 설정하지만 이는 CSS에 따라 변경될 수 있습니다.

태그는 책 카탈로그나 기타 웹사이트 주소를 인용할 때 매우 유용합니다. 다음은 텍스트에서 태그를 사용하는 방법의 예입니다.

Zhang San의 획기적인 논문

Zhang San's Autobiography

은 인터넷에 새로운 분위기를 가져왔습니다. 2.

드롭다운 상자에서 다양한 유형에 따라 그룹화된 옵션에 몇 가지 정의를 추가하려는 경우 태그가 매우 유용합니다. 예를 들어, 시간을 기준으로 영화를 그룹화하려면 코드를 다음과 같이 작성할 수 있습니다.

<LABEL for=showtimes>Showtimes</LABEL>
<SELECT id=showtimes name=showtimes><OPTGROUP label=1PM></OPTGROUP> <OPTION selected value=titanic>Twister</OPTION> <OPTION value=nd>Napoleon Dynamite</OPTION><OPTION value=wab>What About Bob?</OPTION><OPTGROUP label=2PM></OPTGROUP> <OPTION value=bkrw>Be Kind Rewind</OPTION> <OPTION value=stf>Stranger Than Fiction</OPTION></SELECT>
로그인 후 복사

예:


태그는 일반적으로 문장(문구)에 정의나 자세한 설명을 추가하는 데 사용됩니다. 사용자가 태그가 추가된 텍스트 위에 마우스를 올리면 추가된

주석

또는 정의가 텍스트 아래에 표시됩니다. 예: Weibo 웹사이트 Twitter


예:

Weibo 웹사이트는 최근 인터넷에서 새로운 트렌드를 일으켰습니다!

4.

태그는 매우 드문 태그이지만 이것이 쓸모 없다는 의미는 아닙니다. 이름에서 알 수 있듯이
를 사용하면 HTML에서 의미론적으로 주소를 표시할 수 있습니다. 이 유용한 태그는 그 안에 있는 데이터에도 이탤릭체로 표시되어 있지만 이 스타일은 CSS를 통해 쉽게 수정할 수 있습니다.

<address>
中国,上海市,闵行区,XX路,XX小区,XXX室
</address>
로그인 후 복사

예:

China, Shanghai, Minhang District, XX Road, XX Community, Room XXX

5. ;del>

마크업을 통해 문서 편집 스타일을 표시하려면 이름에서 알 수 있듯이 는 문서에 추가된 텍스트를 강조하기 위해 밑줄을 사용하고, 은 삭제된 텍스트를 강조하기 위해 취소선을 사용합니다.

没有了驴子,我们的日子还要怎么<DEL>过下去</DEL> <INS>活下去</INS>?
로그인 후 복사

예: 당나귀가 없으면 어떻게

살아

살아?

테이블 요소 문서를 마크업할 때 쉽게 잊어버릴 수 있습니다. 테이블 요소 중에서 가장 잊혀진 요소 중 하나는 아마도

속성

을 통해 레이블이 어떤 요소에 사용되는지 지정할 수도 있습니다. 이러한 <라벨>은 스타일을 지정하기 쉬울 뿐만 아니라 버튼 처럼 사용자가 클릭할 수 있도록 레이블 텍스트를 디자인할 수도 있습니다.

7.

는 양식 내에서 관련 요소를 논리적으로 그룹화할 수 있는 매우 유용한 태그입니다. 이러한 요소가
태그를 사용하여 함께 그룹화되면

아아아아

예:

8.

是一类的标签,只是标签只用于定义缩写的词组。就像,相当于你给元素添加了一个标题或称号。当用户将鼠标悬停在缩写词上面,它的全称会在下方显示。标签很少被用到,不过它对屏幕阅读器,拼写检查程序和搜索引擎很有用。

他<ABBR title="妈">文明用语</ABBR>的
로그인 후 복사

例子:他文明用语的!

9. rel

Rel是一个相当有用的属性,基本上任何一个HTML元素都可以应用Rel属性(注1)。它可以为那些没有别的方式提供详细信息的元素提供额外的信息。这在javascript和HTML一起工作时尤其有用。如果你有一个你可能想在内部编辑,你可以这样添加代码:

<html>
<body>
<p><a id="myAnchor" rel="index"
href="http://www.w3school.com.cn">Visit W3School.com.cn</a></p>
<script type="text/javascript">
x=document.getElementById("myAnchor");
document.write(x.rel);
</script>
</body>
</html>
로그인 후 복사

     javascript会找到rel属性为clickable的link元素,然后它可以接着通过ajax内部改变元素。当然,这个只是你可以应用rel属性的无数种情况中的一种,你可以用其他方式来很好的使用rel属性。

10.

     (注2)是个基本已经销声匿迹的标签。坦诚的说,我怀疑读者中的大多数都没接触过这个标签,毕竟它太少用到了(真的,在写这篇文章之前,我自己都没见过这个标签)。这个标签允许你指定一块区域来强制使用换行符,但仅仅是确实必要的时候。该元素很特殊因为它定义在浏览器中添加换行符,如果需要的话,它可以在你极力避免浏览器中出现横向的滚动条时实现符合要求的界面。

如果你想在不必使用标签的情况下达到相同的效果,你也可以尝试​或­ 。但千万注意,这三个标签中没有一个可以完全支持所有浏览器的。如果你想看看哪些浏览器支持这三种标签可以看看这篇文章。

 译者注:

注1,实际上rel通常用在a和link标签中,它常和rev一起出现。

注2,wbr不是标准的html标签,它最开始是网景公司添加的,但随后被移除掉了。 

附注:

      这篇文章仅仅是一个参考,实际上,由于一些地方使用和解释得并不清楚, 它也引起了比较多的争论,建议如果确实对这些标签有兴趣研究的朋友,可以参看下原文地址并仔细的查看文章的一些回复。

      另外有朋友认为这些少见的标签兼容性会很差,所以我们应少用。然而恰恰相反,上面列举的标签,除了最后一个不符合标准不推荐使用之外,其他都符合W3C标准,它们兼容目前任何主流浏览器。当然,由于功能基本一样,在新的html 5标准中不推荐使用,w3c推荐用代替

       最后有人可能认为这里的一些标签都可以用其他一些常见标签实现相同功能,因此没必要使用。不过正如回复中沉默杨仔所说:“w3c就是要语义化页面内容”,对用户说,可能你可以通过普通标签实现一样的功能,但对机器(e.g.屏幕阅读器,单词拼写检查程序,搜索引擎等)来说,这种标签它们更容易懂。所以我认为,如果你的网页中真有这些标签可以应用的场合,最好还是使用这些标签来实现相应的功能。

 

위 내용은 당신이 알아야 할 10가지 흔하지 않은 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 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

Go 언어에서 정규식을 사용하여 HTML 태그 콘텐츠를 추출하는 방법 Go 언어에서 정규식을 사용하여 HTML 태그 콘텐츠를 추출하는 방법 Jul 14, 2023 pm 01:18 PM

정규식을 사용하여 Go 언어에서 HTML 태그 콘텐츠를 추출하는 방법 소개: 정규식은 강력한 텍스트 일치 도구이며 Go 언어에서도 널리 사용됩니다. HTML 태그를 처리하는 시나리오에서 정규식은 필요한 콘텐츠를 빠르게 추출하는 데 도움이 될 수 있습니다. 이 기사에서는 정규식을 사용하여 Go 언어에서 HTML 태그의 내용을 추출하는 방법을 소개하고 관련 코드 예제를 제공합니다. 1. 관련 패키지 소개 먼저 관련 패키지인 regexp 및 fmt를 가져와야 합니다. 정규식 패키지는 다음을 제공합니다

Python 정규식을 사용하여 HTML 태그를 제거하는 방법 Python 정규식을 사용하여 HTML 태그를 제거하는 방법 Jun 22, 2023 am 08:44 AM

HTML(HyperTextMarkupLanguage)은 웹 페이지를 생성하기 위한 표준 언어로, 텍스트, 이미지, 표, 링크 등과 같은 페이지의 다양한 요소를 설명하기 위해 태그와 속성을 사용합니다. 그러나 HTML 텍스트를 처리할 때 후속 처리를 위해 텍스트 내용을 빠르게 추출하는 것은 어렵습니다. 이때 Python에서 정규식을 사용하여 HTML 태그를 제거하면 일반 텍스트를 빠르게 추출할 수 있습니다. Python에서는 일반 테이블

PHP의 문자열에서 HTML 태그를 제거하는 방법은 무엇입니까? PHP의 문자열에서 HTML 태그를 제거하는 방법은 무엇입니까? Mar 23, 2024 pm 09:03 PM

PHP는 웹 사이트 개발 및 백엔드 애플리케이션 개발에 널리 사용되는 일반적으로 사용되는 서버 측 스크립팅 언어입니다. 웹사이트나 애플리케이션을 개발할 때 HTML 태그를 문자열로 처리해야 하는 상황에 자주 직면하게 됩니다. 이 기사에서는 PHP를 사용하여 문자열에서 HTML 태그를 제거하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. HTML 태그를 제거해야 하는 이유는 무엇입니까? 사용자 입력이나 데이터베이스에서 얻은 텍스트를 처리할 때 HTML 태그가 포함되는 경우가 많습니다. 때로는 텍스트를 표시할 때 이러한 HTML 태그를 제거하고 싶을 때가 있습니다.

PHP에서 HTML 태그를 이스케이프하는 방법 PHP에서 HTML 태그를 이스케이프하는 방법 Feb 24, 2021 pm 06:00 PM

PHP에서는 htmlentities() 함수를 사용하여 html을 이스케이프할 수 있으며, 이는 문자를 HTML 엔터티로 변환할 수 있습니다. 구문은 "htmlentities(string,flags,character-set,double_encode)"입니다. 또한 PHP에서 html_entity_decode() 함수를 사용하여 html을 이스케이프 해제하고 HTML 엔터티를 문자로 변환할 수 있습니다.

Java의 특정 문자열에서 HTML 태그를 제거하는 방법은 무엇입니까? Java의 특정 문자열에서 HTML 태그를 제거하는 방법은 무엇입니까? Aug 29, 2023 pm 06:05 PM

String은 Java의 최종 클래스이며 불변입니다. 즉, 객체 자체는 변경할 수 없지만 객체의 참조는 변경할 수 있습니다. HTML 태그는 String 클래스의 replacementAll() 메서드를 사용하여 지정된 문자열에서 제거할 수 있습니다. 정규식을 사용하여 특정 문자열에서 HTML 태그를 제거할 수 있습니다. 문자열에서 HTML 태그를 제거한 후 문자열을 일반 텍스트로 반환합니다. 구문 publicStringreplaceAll(Stringregex,Stringreplacement) 예 publicclassRemoveHTMLTagsTest{&nbs

HTML 테이블에서 HTML 태그를 사용하는 방법은 무엇입니까? HTML 테이블에서 HTML 태그를 사용하는 방법은 무엇입니까? Sep 08, 2023 pm 06:13 PM

테이블에 HTML 태그를 쉽게 추가할 수 있습니다. HTML 태그는 <td> 태그 안에 배치되어야 합니다. 예를 들어 <td> 태그 내에 단락 <p>…</p> 태그나 사용 가능한 기타 태그를 추가합니다. 구문 다음은 HTML 테이블에서 HTML 태그를 사용하기 위한 구문입니다. <td><p>컨텍스트 단락</p><td>예제 1 HTML 테이블에서 HTML 태그를 사용하는 예는 다음과 같습니다. <!DOCTYPEhtml><html><head&g

HTML의 시작 태그의 예는 무엇입니까? HTML의 시작 태그의 예는 무엇입니까? Apr 06, 2025 am 12:04 AM

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

기본 HTML 태그를 확인하는 PHP 정규식 방법 기본 HTML 태그를 확인하는 PHP 정규식 방법 Jun 24, 2023 am 08:07 AM

PHP는 정규식 기능을 지원하고 입력 데이터의 유효성을 빠르게 확인할 수 있는 효율적인 웹 개발 언어입니다. 웹 개발에서 HTML은 일반적인 마크업 언어이며 HTML 태그의 유효성을 검사하는 것은 웹 양식 유효성 검사를 위한 매우 중요한 방법입니다. 이 기사에서는 기본적인 HTML 태그 확인 방법과 확인을 위해 PHP 정규식을 사용하는 방법을 소개합니다. 1. HTML 태그의 기본 구조 HTML 태그는 꺾쇠괄호로 묶인 요소 이름과 속성으로 구성됩니다. 일반적인 태그에는 p, a, div가 있습니다.

See all articles