HR 태그는 웹 문서에서 페이지 전체에 가로선을 표시하거나 가로 규칙이라고도합니다. 일부 태그와 달리이 태그에는 닫기 태그가 필요하지 않으므로 입력해야합니다. 선을 삽입합니다.
이 선은 페이지의 전체 너비에 걸쳐 펼쳐지며 선의 두께, 위치 및 색상을 설명하기 위해 몇 가지 기본 속성을 가지고 있지만 원하는 경우 해당 설정을 변경할 수 있습니다.
페이지의 CSS를 편집하여 HTML5 문서에서 가로선의 특성을 편집 할 수 있습니다. HTML4 수평선은 문서의 HTML 쪽에서 변경되었습니다.
HR 태그는 의미 론적입니까?
HTML4에서 HR 태그는 의미가 아닙니다. 의미 론적 요소는 브라우저와 개발자가 쉽게 이해할 수있는 용어로 의미를 설명합니다. HR 태그는 원할 때마다 문서에 간단한 선을 추가하는 방법이었습니다. 선을 표시하려는 요소의 위쪽 또는 아래쪽 테두리 만 스타일을 지정하면 요소의 위쪽 또는 아래쪽에 수평선이 생기지 만 일반적으로 HR 태그는이 용도로 사용하기가 더 쉽습니다.
HTML5부터는 HR 태그가 의미 론적으로 바뀌었고 이제는 단락 수준의 주제별 구분을 정의합니다.이 단락은 새 페이지 나 다른 더 강력한 구분 기호를 보증하지 않는 내용의 흐름을 중단하는 것입니다. 주제가 변경되었습니다. 예를 들어 스토리에서 장면이 변경된 후 HR 태그를 찾거나 참조 문서에서 주제가 변경되었음을 나타낼 수 있습니다.
HTML4 및 HTML5의 HR 속성
HTML4에서 HR 태그에는 다음을 포함하는 간단한 속성을 지정할 수 있습니다. 정렬, 폭, 과 노시드 . 정렬은 다음과 같이 설정할 수 있습니다. 왼쪽 , 센터 , 권리 또는 신이 옳다고 하다 . 너비는 가로 선의 너비를 페이지를 가로 지르는 선을 확장하는 기본 100 %에서 조정합니다. 그만큼 노시드 속성은 음영 처리 된 색상 대신 단색 색상 선을 렌더링합니다.
이러한 속성은 HTML5에서는 더 이상 사용되지 않습니다. HTML5 문서에서 HR 태그의 스타일을 지정하려면 CSS를 사용해야합니다.
이것은 인라인 CSS (HTML과 함께 문서에 직접 삽입되는 스타일)를 사용하여 수평선을 10 픽셀 높이로 양식화하는 HTML5 예제입니다.
HTML5에서 가로선을 양식화하는 또 다른 방법은 별도의 CSS 파일을 사용하여 HTML 문서에서 링크를 연결하는 것입니다. CSS 파일에서는 다음과 같이 스타일을 작성합니다. hr {높이 : 10px}
HTML4에서와 동일한 효과를 위해서는 HTML 컨텐츠에 속성을 추가해야합니다. 수평선의 크기를 변경하는 방법은 다음과 같습니다. 크기 속성:
CSS 대 HTML의 스타일을 자유롭게 지정할 수 있습니다. 오직 폭 과 신장 스타일은 모든 브라우저에서 일관되므로 다른 스타일을 사용할 때 약간의 시행 착오가 필요할 수 있습니다. 기본 너비는 항상 웹 페이지 또는 부모 요소 너비의 100 %입니다. 규칙의 기본 높이는 2 픽셀입니다.
