Wulin.com의 기사 소개 (www.vevb.com) : 웹 페이지는 집과 같고 HTML 구조는 하나씩 벽이며 태그는 벽돌입니다. 벽돌은 벽이 단단하게되도록 질서 있고 깔끔한 방식으로 배치해야합니다. 마지막으로, CSS는 장식 자료이며, 그것이 아름답는지 여부에 따라 다릅니다. 따라서 깨끗하고 명확한 구조 HTML을 제공 할뿐만 아니라 CSS의 궁극적 인 미화와 분리 할 수없는 훌륭한 웹 페이지가 필요합니다.
얼마 전 온라인으로 탐색 할 때, 나는 여러 국내 인터넷 거대 회사의 프론트 엔드 개발 모집 질문이 여전히 라벨 의미론 문제를 언급 한 것을 발견했습니다. 이 주제는 이미 진부하지만 여전히 많은 문제가 있습니다. 그것은 습관으로 내려집니다. 시간이있을 때 너무 게으르기 때문에 고려하지 않고 코드를 작성합니다. 내가 틀렸다는 걸 알아! 어린이 신발, 우리는 라벨 의미를 습관으로 만들어야합니다! 오늘, 나는 라벨의 의미론을 대중화하고 하루 종일 혼란스러워지지 않도록 격려 할 것입니다!
웹 디자인에서 우리는 종종 태그 시맨틱이라는 용어를 듣습니다. HTML 태그 시맨틱의 디자인 생각은 실제로 특정 컨텐츠에 가장 적합하고 적절한 태그를 사용하는 것입니다. 이런 식으로, 그것이 누구 라도이 콘텐츠가 무엇인지 이해할 수 있습니다.
웹 페이지는 집과 같습니다. HTML 구조는 벽을 하나씩 벽이며 태그는 벽돌입니다. 벽돌은 벽이 단단하게되도록 질서 있고 깔끔한 방식으로 배치해야합니다. 마지막으로, CSS는 장식 자료이며, 그것이 아름답는지 여부에 따라 다릅니다. 따라서 깨끗하고 명확한 구조 HTML을 제공 할뿐만 아니라 CSS의 궁극적 인 미화와 분리 할 수없는 훌륭한 웹 페이지가 필요합니다.
위의 내용은 또한 태그 시맨틱이 매우 중요하다는 것을 보여줍니다. HTML의 각 태그에는 자체 의미와 자체 응용 프로그램 범위가 있습니다. 그러나 그것은 종종 우리에 의해 무시되거나 학대됩니다. 예를 들어, 페이지에는 수십 개 또는 수백 개의 페이지가 있습니다. 이것은 무의미한 태그로, 나중에 유지 보수에 매우 바람직하지 않은 레이어만을 나타내는 무의미한 태그입니다. <pable> 태그는 데이터 태그이지만 사용할 시간이되면 대담하게 사용해야합니다.
태그 시맨틱의 이점태그 시맨틱을 사용해야하는 많은 이유가 있습니다.
HTML 태그 시맨틱 요약태그 시맨틱을 더 빠르고 더 잘 사용하기 위해 다음 양식에는 모든 HTML 태그 및 태그 설명이 나열됩니다. 다음 목록은 알파벳순으로 정렬되며, 여기서 새 : HTML5의 새로운 태그입니다.
태그 설명
<!-…-> 주석을 정의합니다.
<! docType> 문서 유형을 정의합니다.
<a> 하이퍼 링크를 정의합니다.
<abbr> 약어 정의.
<cronym> HTML 5에서는 지원되지 않습니다. 약어를 정의하십시오.
<dessching> 주소 요소를 정의합니다.
<애플릿>은 HTML 5에서 지원되지 않습니다. 애플릿 정의.
<면적> 이미지 맵의 영역을 정의합니다.
<article> 기사 정의.
<따로> 페이지 콘텐츠 외부의 콘텐츠를 정의합니다.
<Audio> 사운드 컨텐츠를 정의합니다.
<b> 굵은 텍스트를 정의하십시오.
<base> 페이지의 모든 링크에 대한 기본 URL을 정의합니다.
HTML 5에서는 지원되지 않습니다. 대신 CSS를 사용하십시오.
<bdi> 텍스트 방향을 주변 텍스트 방향에서 설정하도록 텍스트의 텍스트 방향을 정의합니다.
<bdo> 텍스트 디스플레이의 방향을 정의합니다.
HTML 5에서는 지원되지 않습니다. 큰 텍스트를 정의하십시오.
<blockquote> 긴 참조를 정의합니다.
<body> 신체 요소를 정의합니다.
<br> 라인 브레이크 삽입.
<버튼> 버튼을 정의합니다.
<canvas> 그래프를 정의합니다.
<caption> 테이블 제목을 정의합니다.
<center> HTML 5는 지원되지 않습니다. 중앙 텍스트를 정의합니다.
<cite> 참조를 정의합니다.
<code> 컴퓨터 코드 텍스트를 정의합니다.
<col> 테이블 열의 속성을 정의합니다.
<colgroup> 테이블 열의 그룹화를 정의합니다.
<command> 명령 버튼을 정의합니다.
<datalist> 드롭 다운 목록을 정의합니다.
<dd> 정의 설명을 정의합니다.
<del> 삭제 텍스트를 정의합니다.
<세부 사항> 요소의 세부 사항을 정의합니다.
<dfn> 정의 프로젝트를 정의합니다.
HTML 5에서 지원되지 않음. 디렉토리 목록을 정의하십시오.
<div> 문서의 일부를 정의합니다.
<dl> 정의 정의 목록.
<dt> 정의 된 항목을 정의합니다.
<em> 정의는 텍스트를 강조합니다.
<embed> 외부 대화 형 컨텐츠 또는 플러그인을 정의하십시오.
<fieldset> 필드 셋을 정의합니다.
<figcaption> 그림 요소의 제목을 정의합니다.
<fide> 미디어 컨텐츠의 그룹화와 타이틀을 정의합니다.
<font> HTML 5에서 지원되지 않습니다.
<FUTER> 섹션 또는 페이지의 바닥 글을 정의합니다.
<form> 양식을 정의합니다.
<frame> HTML 5는 지원되지 않습니다. 하위 바람 (프레임)을 정의합니다.
<frameset>은 HTML 5에서 지원되지 않습니다. 프레임 워크 세트를 정의합니다.
<H1> ~ <H6> 제목 1에서 제목 6을 정의하십시오.
<head> 문서에 대한 정보를 정의합니다.
<header> 섹션 또는 페이지의 헤더를 정의합니다.
<hgroup> 문서의 섹션에 대한 정보를 정의합니다.
<HR> 수평선을 정의합니다.
<html> HTML 문서를 정의하십시오.
<i> 이탈리아 텍스트를 정의합니다.
<Iframe> 행 내에서 자식 창 (프레임)을 정의합니다.
<Img> 이미지 정의.
<입력> 입력 필드를 정의합니다.
<ins> 삽입 텍스트를 정의합니다.
<keygen> 생성 된 키를 정의합니다.
<isindex>는 HTML 5에서 지원되지 않습니다. 단일 줄의 입력 필드를 정의합니다.
<kbd> 키보드 텍스트를 정의합니다.
<라벨> 양식 컨트롤의 레이블을 정의합니다.
<Legend> 필드 세트에서 제목을 정의합니다.
<li> 목록의 항목을 정의하십시오.
<link> 자원 참조를 정의합니다.
<map> 이미지 맵을 정의합니다.
<mark> 표시된 텍스트를 정의합니다.
<메뉴> 메뉴 목록을 정의합니다.
<Meta> 메타 정보를 정의합니다.
<meter> 미리 정의 된 범위 내에서 메트릭을 정의합니다.
<av> 내비게이션 링크를 정의합니다.
<noframes>는 HTML 5에서 지원되지 않습니다. Noframe 부분을 정의하십시오.
<noscript> noscript 부분을 정의합니다.
<Object> 임베디드 객체를 정의합니다.
<ol> 주문 목록을 정의합니다.
<ptgroup> 옵션 그룹을 정의합니다.
<pection> 드롭 다운 목록에서 옵션을 정의합니다.
<output> 일부 유형의 출력을 정의합니다.
<p> 단락 정의.
<param> 객체의 매개 변수를 정의합니다.
<fre> 사전 형식화 된 텍스트를 정의합니다.
<Progress> 모든 유형의 작업의 진행 상황을 정의합니다.
<q>는 짧은 참조를 정의합니다.
<RP> 브라우저가 브라우저를 지원하지 않는 경우 Ruby 요소에 표시되는 컨텐츠 정의.
<rt> 루비 댓글의 설명을 정의합니다.
<Ruby> 루비 댓글을 정의합니다.
<S> HTML 5에서는 지원되지 않습니다. Strikethrough의 텍스트를 정의합니다.
<SAMP> 샘플 컴퓨터 코드 정의.
<cript> 스크립트를 정의합니다.
<섹션> 섹션을 정의합니다.
<select> 선택 목록을 정의합니다.
<Small> 측면 주석을 작은 텍스트로 렌더링합니다.
<source> 미디어 소스를 정의합니다.
<span> 문서의 섹션을 정의합니다.
<Strike>는 HTML 5에서 지원되지 않습니다. Strikethrough의 텍스트를 정의합니다.
<strong> 정의는 텍스트를 강조합니다.
<tyle> 스타일 정의를 정의합니다.
<sub> 첨자 텍스트를 정의합니다.
<summary> 세부 사항 요소의 제목을 정의합니다.
<sup> 슈퍼 스크립트 텍스트를 정의하십시오.
<pable> 테이블을 정의합니다.
<tbody> 테이블의 몸체를 정의합니다.
<td> 테이블 셀을 정의합니다.
<TextArea> TextRea 정의.
<tfoot> 테이블의 각주를 정의합니다.
<th> 헤더를 정의합니다.
<head> 헤더를 정의합니다.
<Time> 날짜/시간 정의.
<title> 문서의 제목을 정의합니다.
<tr> 테이블 행을 정의합니다.
<track> 미디어 플레이어에 사용 된 텍스트 트랙을 정의합니다.
<tt> HTML 5에서 지원되지 않습니다. 타자기 텍스트를 정의합니다.
HTML 5에서 지원되지 않음. 밑줄이 그어진 텍스트를 정의하십시오.
<ul> 정의되지 않은 목록을 정의합니다.
<var> 변수를 정의합니다.
<video> 비디오를 정의합니다.
<xmp> html 5에서 지원되지 않음. 사전 포맷 된 텍스트를 정의하십시오.