HTML 태그로 할 수있는 10 가지 멋진 것들
현재로서는 총 142 개의 HTML 요소 W3C에 의해 표준화 된 표준화 단계와 표준화 단계에서 제외 된 것들이있다. 즉, 필요할 때 유용 할 수있는 몇 가지를 놓치거나 잊을 수 있습니다..
앞서 우리는 간과했을지도 모를 최고의 CSS 트릭을 요약 해 보았습니다. 이 게시물은 다음과 같은 기능을 구현하는 데 사용할 수 있는지 몰랐던 HTML 태그 중 일부를 알려줍니다.
1.지도 이미지
HTML 요소는 이미지 맵을 만드는 데 사용할 수 있습니다.. 이미지 맵 기본적으로 클릭 가능한 영역이있는 이미지이며, 다른 웹 페이지 나 같은 문서의 다른 부분에 하이퍼 링크 될 수 있습니다. 이미지의 어느 영역을 클릭 할 수 있는지 정의하려면 해당 영역의 해당하는 X Y 좌표를
내부에 중첩 된 요소들
.
노트 : 클릭 할 수있는 영역은 CSS를 통해 스타일을 지정할 수 없으므로 해당 마커의 스타일을 지정하려면 간단한 이미지 편집 소프트웨어를 사용하여 마커를 그립니다.
팁: 이미지의 점에 대한 좌표를 알고 싶으면 이미지 편집 소프트웨어에서 이미지를 열고 커서를 해당 점으로 이동하면 소프트웨어 자체에서 좌표를 볼 수 있습니다. 김프의 경우 하단 막대의 왼쪽에 표시됩니다..
2. 제안 입력
용도 입력 값을 입력 할 때 표시되는 관련 추천 목록 제공.
3. 텍스트 강조 표시
강조 표시된 텍스트는 일반적으로 밝은 배경의 어두운 텍스트 색을가집니다. 마크 업만으로 강조 표시된 텍스트 효과를 얻을 수 있습니다. 모든 텍스트는 그 효과가있을 것이다..
당신은 색상 강조 표시 와 더불어 배경색
CSS 속성 그리고 텍스트 색상 와 더불어
색깔
재산.
4. 템플릿 정의
HTML5와 함께 새로운 요소. 그만큼
요소는 브라우저에서 렌더링되지 않은 마크 업을 포함하고 있으며, 마크 업은 동적 내용 생성 페이지에서 JavaScript 사용.
예를 들어, 작은 글자 란 일반적으로 조건, 조건, 제한, 인용, 법적 권리 등의 정보가 포함 된 아주 작은 크기로 인쇄되는 문서의 텍스트를 의미합니다. 그만큼 노트 : 페이지의 상대 URL은 모두 기본 URL을 기준으로 참조됩니다. 다른 도메인에 대한 링크가 있으면 전체 URL을 지정하는 것을 잊지 마십시오. 반응이 빠른 웹 개발은 끊임없이 증가하는 모바일 액세스를 보급하고 있습니다. 이미지는 마크 업과 함께 다른 화면 크기로 토글 할 수 있습니다. 그만큼 노트 : 현재 Chrome에서만 작동합니다. 당신은 설정해야합니다 HTML5는 많은 새로운 입력 유형 요소를 도입했습니다. 색상 입력 요소는 그 중 하나입니다. 웹 페이지에서 색상 선택 도구를 사용하여 색상을 선택할 수 있습니다.. 드롭 다운 목록에 여러 옵션이 있고 그룹화 된 것을 표시하려면 내부의 마크 업 행을 동적으로 추가해야하는 경우 해당 테이블의 빈 행에 대한 마크 업을
태그를 만들고 필요한 경우 스크립트를 포함하는 JavaScript 함수를 호출하여 템플릿 태그 내부의 태그를 복사하여 테이블 마크 업에 추가합니다. 이것은 IE에서 지원하지 않습니다..
5. 정밀 인쇄
HTML 태그를 사용하여 작은 글씨를 표시 할 수 있습니다. HTML5부터
태그는 정교하게 인쇄 된 스타일의 텍스트를 보여줄뿐만 아니라 의미 론적으로 면책 조항과주의 사항을 의미 론적으로 정의합니다.
6. 기본 URL 할당
HTML 요소는 동일한 도메인 URL을 가진 문서에 여러 개의 링크가있을 때 매우 편리합니다. 문서에 기본 URL을 추가 할 수 있으므로 필요에 따라 상대 URL 만 페이지의 다른 링크에 추가 할 수 있습니다.7. 반응 형 이미지
HTML5 요소를 사용하면 이미지의 여러 미디어에 다양한 이미지 소스를 추가 할 수 있습니다..
dom.image.picture.enable
에 참된
...에서 about : config
Firefox에서.8. 색상 선택기
9. 그룹 옵션
요소가 작업을 완료합니다. CSS를 사용하여 그룹 스타일을 지정할 수도 있습니다..
10.
요소
스크립트가 비활성화 된 경우에만 브라우저에서 렌더링됩니다. 이 태그는 브라우저에서 스크립트가 비활성화 된 시점을 사용자에게 알려주고 JavaScript없이 작동을 멈추게 할 웹 페이지의 구성 요소에 대체 대체 메커니즘을 제공하는 데 유용합니다..
지금 읽어보기 : 간과 할 수있는 유용한 CSS 트릭