HTML5에는 :<!DOCTYPE html> 이는 브라우저가 표준 모드에 따라 이를 구문 분석한다는 의미입니다.
이제 메타 태그에서 문자 세트를 사용할 수 있습니다: <meta charset=utf-8″ />
<link rel=stylesheet href=path/to/stylesheet.css /><script src=path/to/script.js></script>더 의미 있는 새 태그
예: <article>, <section>, <aside>, <hgroup>, <header>,<footer>, <nav>, <time>, <mark>, <Figure> 및 <figcaption> 등.
비디오 및 오디오<video width=640 height=320 preload=auto 포스터=0.jpg 컨트롤> <source src=movie.ogg type=video/ogg /> <source src=movie.mp4 type=video/mp4 /> 귀하의 브라우저는 그렇지 않습니다 비디오 태그를 지원합니다.</video>양식 향상
새로운 입력 유형: 색상, 이메일, 날짜, 월, 주, 시간, 날짜/시간, 날짜/시간-지역, 숫자, 범위, 검색, 전화 및 URL
새로운 속성: 필수, 자동 초점, 패턴, 목록, 자동 완성 및 자리 표시자
새로운 요소: <keygen>, <datalist>, <output>, <meter> 및 <progress>
캔버스 태그는 2D 그래픽을 그립니다.
var canvas = document.getElementById('canvas');var context = canvas.getContext('2d');context.beginPath();context.moveTo(100,100);context.lineTo(300,300);context.lineTo(100,500) ;context.lineWidth = 5;context.StrokeStyle = 빨간색;context.Stroke(); 지리적 위치 획득 HTML 의미론 1. HTML 의미론이란 무엇입니까?태그를 통해 콘텐츠 의미를 결정합니다. 예를 들어 콘텐츠가 h1 태그를 기반으로 한 제목인지 확인하고, <p> 태그를 기반으로 콘텐츠가 단락인지 확인하고, <input> 태그가 입력 상자인지 확인합니다.
2. 왜 의미론인가?1) 스타일이 제거되거나 손실되면 페이지가 명확한 구조를 나타낼 수 있습니다.
2) 다른 장치(예: 스크린 리더, 시각 장애인 리더, 모바일 장치)에서 웹 페이지를 의미 있는 방식으로 렌더링하는 데 편리합니다.
3) SEO에 도움이 됩니다.
4) 팀 개발 및 유지 관리에 편리하며 W3C 표준을 준수하여 차별화를 줄입니다.
3. 태그가 의미적으로 올바른지 확인하는 방법은 무엇입니까?스타일을 제거하고 웹 페이지 구조가 잘 구성되어 있고 여전히 가독성이 좋은지 확인하세요.
4. 공통 의미 태그 모듈형태
<form action= method=> <fieldset style=border: none> <legend style=display: none>로그인 양식</legend> <p><label for=name>계정:</label><input type=text id =name></p> <p><label for=pw>비밀번호:</label><input type=password id=pw></p> <input type=submit name=Login class=subBtn> </fieldset></form>
양식 필드는 fieldset 태그로 감싸야 하며, 양식의 목적을 설명하기 위해 범례 태그를 사용해야 하며, 각 입력 태그에 해당하는 설명 텍스트는 레이블 태그를 사용해야 하며 설명은 id를 설정하여 작성해야 합니다. 입력에 대한 속성과 레이블 태그의 =someld 설정에 대한 텍스트는 해당 입력과 연결됩니다.
5. 시맨틱 태그 사용 시 주의해야 할 몇 가지 문제의미 없는 태그인 div 및span을 가능한 한 적게 사용하십시오.
의미가 명확하지 않은 경우 div 또는 p를 사용할 수 있습니다. p를 사용해 보세요. p에는 기본적으로 위쪽 및 아래쪽 간격이 있으므로 특수 터미널과의 호환성에 유리합니다.
b, 글꼴, u 등과 같은 순수 스타일 태그를 사용하지 말고 대신 CSS 설정을 사용하세요.
강조해야 할 텍스트는 Strong 또는 em 태그에 포함될 수 있습니다. Strong의 기본 스타일은 굵게(b 사용 안 함)이고 em은 기울임꼴(i 사용 안 함)입니다.
요약위 내용은 에디터가 소개한 새로운 HTML5 기능의 시맨틱 태그입니다. 궁금한 점이 있으시면 메시지를 남겨주시면 에디터가 시간 맞춰 답변해 드리겠습니다. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!