---
title: "190408-TIL"
date: 2019-04-08
tags: ["TIL"]
url: https://sub2n.github.io/2019/04/08/190408-TIL/
---

# 190408-TIL

## Today I Learned

-   #### 오늘 한 일
    

-   ⭐️ `<dl>` tag에 대해서 배웠다.
    
    -   `<dl>` : Defines a definition list.
        
    -   `<dt>` : Defines a term/name in a description list.
        
    -   `<dd>` : Is used to describe a term/name in a description list.
        
        Ø 원래 `<dt>`와`<dd>` 를 `<div>`로 묶으면 안 됐었는데 허용됨
        
        : 다만 맞는 `<dt>`를 설명하는 모든 `<dd>` 함께 묶어야 함.
        
-   ⭐️ Web Cafe 예제 중 배너와 검색영역을 Markup, 디자인 설계 했다.
    
    \> 웹 관련 용어 배너 디자인 : float 사용  
    ![웹 관련 용어 배너](https://user-images.githubusercontent.com/48080762/55720167-27464e00-5a3b-11e9-9b27-2245edf79e0e.png)
    
    \> Logical order and Markup design
    
    ![Design practice(1)](https://user-images.githubusercontent.com/48080762/55720168-27dee480-5a3b-11e9-807a-c6fd8a9ebec9.jpg)  
    ![Design practice(2)](https://user-images.githubusercontent.com/48080762/55720170-27dee480-5a3b-11e9-8227-038a7456ffc0.jpg)  
    ![Design practice(3)](https://user-images.githubusercontent.com/48080762/55720171-27dee480-5a3b-11e9-8b36-c1ed2ebd21b5.jpg)
    
-   ⭐️ LINEcorp 페이지 Markup을 처음부터 다시 했다.
    
    디자인 관점이 아닌 컨텐츠 관점으로 논리적인 Markup 순서를 정하고 html과 CSS를 작성했다.
    

-   #### 느낀 점
    

-   경험이 부족해서인지 아직 content에 맞게 semantic한 tag를 생각해내는 게 어렵다.

---

👼 [More Semantic LINEpluscorp](https://github.com/Sub2n/homework/tree/master/line_semantic)