XHTML에서 일반적으로 사용 되지 않는 태그 요소를 영리 사용

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

XHTML을 재생 친구 label 요소 Div, span, ul, li, 등의 좋은 명령 하지만 때로는 페이지 필요 일부 특수 렌더링을 할 몇 가지 특별 한 텍스트, 우리의 관행 CSS에서 클래스 선택기를 정의 몇 가지 특별 한 렌더링 효과 정의 하 고 사용할 수 있습니다. < 스팬 클래스 "클래스 이름" = > XXX < / 스팬 > 달성 결과, 물론, 하지만 여기 다른 방법, 즉, 소개 하는 재치를 사용 하 여 우리의의 일반적으로 이러한 메서드는 결과 달성 하기 위해 태그를 사용.

사실, 우리는 매우 자주 사용 하지 않는 xhtml과 그것의 컨소시엄 권장 포기, 그리고 그것은 매우 짧은 그리고 우리가 잘 만들 수 있는 동일한 레이블이 아닌 그것의 사용에서 많은 태그 있다.

예를 들어, q 태그, em 태그와 Q 태그는 인용, 분리 하는 데 사용 됩니다 및 EM 태그는 원래 텍스트를 강조 하기 위해 의미. 예를 들어:
< P > 나는 말했다: < 질문 > "좋아!" "< /q >< /p >
< P > < em > 우수한 프로그래머 < /em >< /p >는

하지만 우리가 실제로 사용 하 여,이 방법으로 거의 아무도, 좋은 짧은 레이블 동정, hehe 많은 낭비. 그것을 이용을 합시다. 예를 들어 우리 글꼴을 굵게, 굵은 빨간색 글꼴 EM 태그 변경 하이 Q 레이블을 변경 하 고이 두 개의 레이블 사용자의 관심을 끌기 위해 우리의 페이지에 강조로 사용 됩니다. 그것을 어떻게? 우리 모두가 두 개의 태그 선택기의 CSS 정의에서 직접의 생각 믿습니다. 네 맞아요. 다음과 같이:
q {글꼴 무게: 대담한}
em {색깔: 빨강; 글꼴-스타일: 정상; 글꼴-무게: 굵게}

누군가가 물어볼 것입니다 왜 EM 태그 추가 글꼴-스타일: 정상. 기본 em 태그 글꼴 이므로 기울임꼴, 표준 글꼴 변경 때문입니다.
나중에 우리가 이것을 적용:

< p > 윗 < 질문 > xhtml 놀이를 좋아하는 < / q & gt, 그리고 웹사이트 < em > 전경 개발 < / Em > 꽤 관심이 모두 < em >< 방문을 환영 합니다는 href = "http://www.54caizi.org" 제목 "재치 아오 wo" = > 재치 아오 wo < /a >< /em >< / 결과적으로 P

, 우리의 코드는 더 간결 하 고 코드 짧습니다. XHTML 또한 이들의 대부분은 주로 일부 텍스트 태그, 태그의 종류는 일반적으로 사용 되지, 여기에 재치도 몇 가지 권장:

DFN 라벨, 같은 용어, 정의 나타내는 데 사용: < dfn > html 하이퍼텍스트 마크업 언어를 나타냅니다. < / dfn >
원래는 소개를 같이 표시 하는 데 사용 하는 태그를 인용: < 인용 제목 "http://www.54caizi.org" = > 작은 둥지 윗 < / 인용 >
var 태그 같은 프로그래밍 변수를 정의 하는 데 사용 되는: 변수 < var > 나 < / var > 대표 사이클 시간
KBD 레이블, 원래와 같은 사용자 입력된 텍스트를 표시 하는 데 사용: 입력 < KBD 제목 "입력 종료 종료 하십시오" = > 종료 < / kbd > 종료.
원래 코드 예제와 같은 지정 하는 데 사용 하는 SAMP 태그: 프로그램의 출력은 < samp > x + y < / samp >.
약어 레이블, 원래와 같은 단어의 약어에 대 한 사용: < 약어 제목 "스타일 시트" = > CSS < / 약어 >
Abbr 라벨은 원래 단어 약어의 소개 레이블 하지만 i e 6를 지원 하지 희미 한. 같이: < abbr 제목 "제한 된" = > 회사 < / abbr >

물론, 몇 가지 여기 하지 하나에 의해, abbr 이외에이 태그 6으로 지원 되지 않는 모든 효과적인 어떤 주류 브라우저에 다른 태그, 우리 할 무엇에 관해 몇 가지 특수 효과 렌더링을 사용할 수 있습니다, 그것에 따라 달라 집니다 당신의 상상력이 봐.

난 봉 꾼 작품 무단 전재 유의 원래 주소 링크, 귀하의 협조에 대 한 감사 합니다! 작은 둥지 재치: http://www.54caizi.org