# Tag
# <!--...-->
주석 태그는 소스 코드에 주석을 삽입하는 데 사용됩니다. 주석은 브라우저에 표시되지 않습니다.
<!--주석을 사용하여 코드를 설명 할 수 있습니다.-->
<h1>#아라의 개발노트</h1>
<script type="text/javascript">
<!--
function hungry() {
alert('곱창먹고싶다!');
}
//-->
</script>
주석 줄 끝에있는 두 개의 슬래시(//)는 JavaScript의 주석 기호입니다.
# <!DOCTYPE>
<!DOCTYPE> 선언은 HTML 문서에서 <html> 태그보다 먼저 있어야합니다.
<!DOCTYPE> 선언은 HTML 태그가 아닙니다. 페이지가 쓰여지는 HTML의 버전에 대한 웹 브라우저의 지시입니다.
<!DOCTYPE html>
<html>
<head>
<title>#아라이의 개발노트</title>
</head>
<body>
HTML Tag 정리
</body>
</html>
HTML5는 SGML을 기반으로하지 않으므로 DTD에 대한 참조가 필요하지 않습니다.
HTML 4.01과 HTML5의 차이점 - HTML 4.01에는 세 가지의 다른 <! DOCTYPE> 선언이 있습니다. HTML5에는 단 하나만 있습니다.
# <a>
<a> 태그는 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼 링크를 정의합니다.
<a> 요소의 가장 중요한 속성은 링크의 목적지를 나타내는 href 속성입니다.
<a href="https://heeya7.tistory.com/7?category=729699">#console.log에 style 적용하기</a>
href 속성이 없으면 download, hreflang, media, rel, target 및 type 속성은 존재할 수 없습니다.
# <address>
<address> 태그는 문서 또는 기사의 작성자/소유자에 대한 연락처 정보를 정의합니다.
<address> 요소의 텍스트는 대개 이탤릭체로 표시 됩니다. 대부분의 브라우저는 주소 요소 앞뒤에 줄 바꿈을 추가합니다.
<address>서울특별시 관악구</address>
연락처 정보의 일부가 아닌 경우 <address> 태그는 우편 주소를 설명하는 데 사용해서는 안됩니다.
<address> 요소는 일반적으로 다른 정보와 함께 <footer> 요소에 포함됩니다.
# <article>
<article> 태그는 독립적인 컨테츠를 지정합니다. 기사는 독자적으로 이해되어야하며, 사이트와 독립적으로 기사를 배포 할 수 있어야합니다.
<article>
<h1>#아라</h1>
<p>#아라의 블로그에는 HTML, CSS, JavaScript, jQuery 등의 정보가 담겨있습니다.</p>
</article>
ex) 포럼 게시물, 블로그 게시물, 뉴스 기사, 논평 등
HTML 4.01과 HTML5의 차이점 - <article> 태그는 HTML5에서 새로 추가되었습니다.
Browser support // Chrome 6.0 IE 9.0 Firefox 4.0 Safari 5.0 Opera 11.1
# <aside>
<aside> 태그는 주요한 내용이 아닌 부차적인 내용을 담습니다.
<p>aside 태그는 블로그에서 흔히 볼 수 있는 사이드바의 메뉴나 배너(광고)를 생각하면 된다.</p>
<aside>
<h3>#아라의 개발노트 카테고리</h3>
<a href="#">HTML</a>
<a href="#">CSS</a>
<a href="#">JavaScript</a>
<a href="#">jQuery</a>
</aside>
ex) 관련 페이지, 콘텐츠 사이드 바, 답글 영역, 전체 인용, 광고 영역 등
HTML 4.01과 HTML5의 차이점 - <aside> 태그는 HTML5에서 새로 추가되었습니다.
Browser support // Chrome 6.0 IE 9.0 Firefox 4.0 Safari 5.0 Opera 11.1
# <audio>
<aside> 태그는 주요한 내용이 아닌 부차적인 내용을 담습니다.
<audio controls>
<source src="test.ogg" type="audio/ogg">
<source src="test.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
ex) 관련 페이지, 콘텐츠 사이드 바, 답글 영역, 전체 인용, 광고 영역 등ㅇ
HTML 4.01과 HTML5의 차이점 - <aside> 태그는 HTML5에서 새로 추가되었습니다.
Browser support // Chrome 6.0 IE 9.0 Firefox 4.0 Safari 5.0 Opera 11.1
'Front-end dev > HTML || CSS' 카테고리의 다른 글
| box-shadow (439) | 2020.07.08 |
|---|---|
| CSS 말줄임 (513) | 2020.01.06 |
| ios(safari) input:disabled (1271) | 2018.09.21 |
| CSS input [type="radio, checkbox"] custom (588) | 2018.05.23 |
| 내 입맛에 맞춘 Reset.css (520) | 2018.04.03 |
