# markup
마크업 코딩 컨벤션 (Markup Coding Convention)
읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약린터를 사용한다는 가정하에 린터로 검출할 수 없는 모호한 부분을 가이드이번에 회사에서 마크업 코딩 컨벤션 관련해서 정리하게 될 기회가 생겼습니다.여러 포스팅들을 찾아보고 저희한테 맞는 코딩 컨벤션을 작성
HTML 문법 정리 (tag, element, attribute, table, semantic markup, content model)
HTML (Hyper Text Markup Language)웹페이지를 만들 때 사용되는 언어Hyper Text: 웹페이지의 특정 부분과 연결할 수 있는 기능을 가진 텍스트 == link Markup 언어 특징: 정보를 구조적으로 표현 가능태그(tag)들의 집합 tag:
이미지
https://css-tricks.com/data-uris/HTML에서 요소를 사용하거나 CSS에서 배경 이미지를 선언할 때 외부 이미지 파일에 링크할 필요가 없다는 것을 알고 있었나요? 데이터 URI를 사용하여 이미지 데이터를 문서에 직접 포함할 수 있습니
크로스브라우징
window 브라우저는 모니터 크기+해상도에 따라 권장 비율이 달라짐 (100%, 125%, 150% 등)단순히 해상도만으로 정해지는건 아니고 EDID(디스플레이 정보)에서 반환하는 화면크기 정보와 조합해서 권장 배율이 달라집니다.https://www.redd
Next.js를 쓰려고 했는데 html태그(div, h1, 등등)이 자동완성이 안된다!?!?
야심차게 next.js를 공부해보려고 했지만 첫 벽부터 난관이었다. 을 실행하자마자 index.js로 달려갔지만, 아뿔싸 div태그가 입력이 안 되는 것이다?!?! 전에도 react를 처음 실행할 때 이런 문제가 있었던 것으로 기억해서, 메모리를 더듬어 방법을 찾아냈다
NAVER
사이트명: 네이버작업 기간: 3일 소요라이브러리: -유형: PC 적응형, 클론 코딩특징: 웹 접근성을 고려한 시맨틱 마크업 웹 사이트WAI-ARIA란?시맨틱 마크업IR 기법, IS 기법class 네이밍 규칙ㅤ1.-----\~~시맨틱(Semantic)이란 "의미론적인"의
html-lecture day02
https://fonts.google.com/icons 에 접속상단에 Material Icons로 바꾸고 filled 체크오른쪽 하단에 가면 Developer guide 클릭조금 내려가면 아래 코드 있음복사해서에 붙여넣기필요한 곳에 아래 코드 붙여 넣기
[Web] 자주 틀리는 Markup
HTML 요소는 표시 방법에 따라 인라인, 블록 요소로 나뉜다.Inline 요소는 항상 Block 요소 안에 들어가야 하며, 반대의 경우는 있어서는 안 된다. 보통 특정 요소가 Inline 인지 Block 요소인지 정확하게 알지 못할 때 이런 실수를 한다.<b>
[HTML] HTML 기본
HTML 1. HTML? > HTML이란 Hyper Text Markup Language로 웹 페이지가 작성되는 표준언어이며 일반적인 Text의 접근방식이 아닌 Hyper( = 건너편의, 초월)과 결합하여 초월, 뛰어넘는 의미를 가지게되며 순차적으로 Text를 읽는 방식이 아닌 비순차적인 방식을 말한다. 그리고 Markup( = 어떠한 표시)라는 단어와 ...
[MARKUP]마크다운(MarkDown) 사용법
본 문서는 Velog를 기준으로 한 마크다운 사용법이다. 마크다운언어는 2022년 기준 명확한 표준이 존재하지 않는다.
Velog Markup Language
벨로그를 작성하다 보면 필수 불가결한게 마크다운에 대해 찾아보는 것이다. 마크 다운 작성 법과 마크 다운이란 무엇인가에 대해서 찾아보았다. > Markup Language 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종 데이터를 화면에 표시하기 위해서 사용하는 언어이기 때문에 프로그래밍 언어와...
[2022.09.27(T)] HTML - Basics (2)
When writing with HTML, we need to start with some important tags: html, head, and body.The head tag is used for configuring some functionality for th
[2022.09.26] HTML - Basics
A website is simply just made up of a bunch of text files.HTML describes the content, CSS shows how the content looks like, and JavaScript interacts w
[HTML] 박스 그리기로 시멘틱 마크업을 배워보자!
왜 시멘틱한 마크업을 해야할까? 인터넷에 떠다니는 정보들을 컴퓨터가 이해할 수 있고, 그 정보를 가공할 수 있도록 하는 것이 목적이다. 웹 접근성을 향상시켜 정보 격차를 해소하는 데 도움을 준다.
[HTML] HTML Semantic Markup
HTML Semantic Markup의 정의, 개념, 사용해야 하는 이유, 예시 등을 정리하였습니다.