> 웹 프론트엔드 > CSS 튜토리얼 > HTML 링크 및 텍스트 태그_경험 교환

HTML 링크 및 텍스트 태그_경험 교환

WBOY
풀어 주다: 2016-05-16 12:05:39
원래의
1919명이 탐색했습니다.

웹페이지의 가장 큰 특징은 '링크'라는 사실은 우리 모두 알고 있습니다. 그렇습니다. 지금 우리가 당연하게 여기는 이 작은 레이블이 전 세계 수많은 인터넷 천재들을 만들어냈습니다. 그럼 이 태그의 정체를 살펴보겠습니다.

텍스트 영역
은 사실 누구나 쉽게 링크를 추가할 수 있는 태그입니다. . 그러나 그럼에도 불구하고 우리는 A를 더 잘 활용하기 위해 A의 속성이 무엇인지 알아야 합니다. A는 인라인 태그입니다. 즉, 자체적으로 줄 분기를 일으키지 않습니다. 그는 텍스트 속으로 흘러들어가는 우수(Wusu)이다. 우리 모두는 인라인 요소가 블록 요소를 포함할 수 없다는 것을 알고 있습니다. 이는 단락 및 DIV와 같은 블록 수준 요소가 A에 포함될 수 없음을 의미합니다. 그럼 직장에서도 이런 일이 발생하나요? A에 수많은 블록 수준 태그가 추가되었습니까? 그렇다면 지금부터 이 나쁜 습관을 버리세요. 이렇게 하면 불필요한 BUG 문제를 피할 수 있을 뿐만 아니라 GOOGLE과 같은 검색 엔진에 좋은 인상을 주고 더 많은 노출 포인트를 얻을 수 있습니다. 물론 이 외에도 Zhenzhi는 A에 제목 속성을 추가할 것을 권장합니다. 예:

텍스트 영역
왜 이러나요? 여기에 "제목을 완전히 표시할 수 없는 경우"라는 글이 있습니다. 제목만 추가하면 됩니다. 속성 중 하나는 용도가 적지만 매우 효과적입니다.

링크 태그의 href="URL"은 매우 강력한 것입니다. 물론 이것이 우리 칼럼의 내용은 아니지만 독자들이 관련 지식을 주의 깊게 읽어 보는 것이 좋습니다. . Baidu 백과사전에서 관련 문서를 찾았습니다. 클릭하여 읽어보세요. 궁금하신 점은 글 마지막에 있는 연락처로 연락주시거나 온라인으로 메시지 남겨주세요.

제목은 거의 모든 기사가 갖고 있는 요소이자, 기사를 식별하고 색인을 생성하는 데 사용하는 중요한 요소이기도 합니다. 우리는 기사의 핵심을 인식하기 위해 제목을 사용합니다. 그럼 그거 알아? 제목 태그를 적절하게 사용하면 기사가 더욱 흥미로워집니다. 우리 모두는 XHTML이 6개의 제목 태그(h1~h6)를 제공한다는 것을 알고 있습니다. 그렇다면 이 6개의 제목 태그 사용을 어떻게 할당합니까? 다음은 몇 가지 제안 사항입니다. 브라우저에서 가장 크게 표시되는 h1은 자연스럽게 가장 큰 제목을 나타내는 데 사용됩니다. 웹 사이트에서 가장 큰 제목은 무엇입니까? 일반적으로 웹사이트 전면에 웹사이트 이름을 표시하는 로고입니다. 따라서 h1은 로고를 넣는 데 사용됩니다. 물론 웹사이트에 로고가 없고 웹사이트 이름만 있으면 괜찮습니다. 물론 Zhenzhi는 h1에 사진을 넣는 것을 권장하지 않습니다. CSS를 통해 이미지를 단어로 완전히 바꿀 수 있습니다. 그리고 h1은 추천 웹페이지에 한 번만 나타납니다.

h1이 전용 기능을 찾았다면 콘텐츠 제목에 대한 책임이나 다른 제목을 기반으로 하는 부담은 다른 여러 제목 태그에 놓이게 됩니다. 나머지 제목인 h5와 h6 중에서 브라우저의 기본 표시 글꼴은 일반 텍스트 글꼴보다 작습니다. 그런 다음 h5 및 h6을 면책 조항 또는 저작권 표시로만 사용하는 것이 좋습니다. 이는 너무 명확하지 않고 읽기에 영향을 주지 않으면서 중요성을 보여줍니다. 제목 태그를 사용할 때는 가능한 한 계층적 관계에 주의하세요. 물론, 제목의 사용 여부는 실제 사용에 따라 결정되어야 합니다. 이것은 단지 제안일 뿐입니다. 제목 태그는 블록 라인 요소이지만 더 이상 블록 수준 요소를 포함할 수 없습니다. 링크, 이미지, 줄 바꿈 등과 같은 인라인 요소만 포함할 수 있습니다. 친구가 이틀 전에 기사에서 제목에 대해 언급한 것을 기억하는데, 작성 방식이 잘못되었습니다. 그는 H1 태그 외부에 링크를 쓰고 H1을 감쌌습니다. 이런 방식은 권장되지 않습니다. 표준에 부합하지 않는 사고는 향후 학습에 대한 잘못된 지침으로 쉽게 이어질 수 있습니다.

저희 기사에는 필연적으로 오류가 있을 수 있으므로 정정해야 하지만 때로는 독자들에게 이 문단이 삭제되었음을 알리면서도 여전히 볼 수 있도록 해야 합니다. 그러면 라벨 삭제 효과가 나타납니다. 과거에는 취소선 효과를 얻기 위해 또는 을 사용했습니다. 하지만 이는 취소선의 효과일 뿐이고 DEL만큼 의미가 명확하지 않기 때문에 여기서는 이전 방식을 버리고 태그를 사용하라고 말씀드리고 싶습니다. 또한 우리에게 필요한 효과를 표현할 수도 있으며, 그 의미는 더욱 직접적이고 명확합니다. 따라서 삭제 외에도 삭제된 부분에 일부 추가 및 수정이 필요한 경우도 있습니다. 그렇다면 이 태그는 매우 유용합니다. 즉, 태그를 삽입하세요. 제가 말하지 않아도 모두가 이 두 태그를 사용하는 방법을 알고 있다고 믿습니다. 하지만 이 두 태그에 cite와 datetime이라는 두 가지 중요한 속성을 추가하는 것을 잊지 마세요. 설명과 시간. 설명할 필요가 없습니다. 텍스트를 사용하여 삭제하려는 이유 또는 삽입하려는 이유를 나타내기만 하면 됩니다. 하지만 이번에는 형식을 명확히 해야 합니다. 엄격한 형식은 YYYY-MM-DDThh:mm:ssTZD입니다. 하하(Haha)는 우리가 일반적으로 사용하는 것과 비슷하지만 차이점이 있습니다. T는 기간의 시작을 나타내는 필수 문자이고, TZD는 시간대를 나타내며, Z는 그리니치 표준시를 나타냅니다.Yixiu의 작성 방법은 다음과 같습니다. 2008-03-25T14:26:22Z

전체 태그 중 두 개의 태그가 스타일 태그인데, 이 두 태그로 표현되는 내용이 매우 많기 때문에 비활성화하지 않습니다. 특히 , 위 첨자 및 아래 첨자, 위 첨자 , 아래 첨자 .

이 두 태그를 사용할 가능성은 상대적으로 적지만 섭씨 온도에 작은 원이 표시되는 것처럼 위 첨자는 여전히 일반적으로 사용되어야 합니다. 물론 "℃"에 해당하는 전문 문자도 있습니다. 그리고 우리는 책에서 각주 위첨자 [1]를 자주 볼 수 있습니다.

hr, 이분선, 이 레이블과 줄 바꿈 레이블은 레이블 쓰기에만 주의하면 됩니다.





텍스트 부분의 레이블은 이게 다입니다. 물론 라벨은 더 많을 수 있지만 권장되지 않거나 일반적으로 사용되는 라벨은 여기서는 권장하지 않습니다. 관심이 있는 경우 관련 콘텐츠를 검색하여 읽어보실 수 있습니다. 다음 기사에서는 문서를 조금씩 아름답게 만들기 위해 CSS를 소개할 것입니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿