1통계에 기반해서 태그들을 학습하자.
150개의 태그가 있지만 평균적으로 25개의 태그만이 주로 사용된다.
https://www.advancedwebranking.com/html/
The average web page from top twenty Google results
Apparently, an average web page uses twenty-eight different element types: The twenty-eight elements used on most pages, ordered by appearance frequency:
www.advancedwebranking.com
2020.08.16 기준 사용빈도 상위태그들(이것만큼은 확실하게 익히자)
<html>
<head>
<body>
<title>
<meta>
<div>
<a>
<script>
<link>
<img>
<span>
<p>
<li>
<ul>
<style>
<br>
<h1>
<h2>
<input>
<form>
<h3>
<nav>
<header>
<footer>
<iframe>
<strong>
<button>
<i>
-보이는 그 자체가 아니라 정보로서 의미를 지니도록 만들어야 한다. 똑같이 보인다고 아무런 태그나 사용하지 말자.(웹 접근성)
-br과 p는 줄바꿈 경쟁관계
-"태그의 이름만으로는 부족할 때 사용되는 속성(attribute)"의 위치는 서로 바뀌어도 상관없다
-li태그는 반드시 부모태그를 가진다.(ol 또는 ul), 표만드는 table은 3대가 같이 다닌다.
'웹개발 > HTML & CSS' 카테고리의 다른 글
| HTML emmet 활용 (0) | 2021.01.06 |
|---|---|
| [Do It] 텍스트를 덩어리로 묶어 주는 태그 (0) | 2020.08.20 |
| [Do It] HTML 기본 문서 구조 (0) | 2020.08.20 |
| <HTML, CSS, JS 공부방향> (0) | 2020.08.13 |