Web's study wjsdud159

비디오 - video 비디오를 웹페이지에 삽입할떄 쓰는 태그는 비디오태그 동영상 마다 지원하는 브라우저 동영상 포맷이 다르다.

웹개발자도구 웹 개발자 도구란 웹게발에 있어서 필요한 여러가지 분석작업 실시간으로 수정해서 테스팅하는것을 도와주는 도구이다. 웹페이지에 html코드가 보고싶을땐 오른쪽 마우스를 클릭하여 검사라는 것을 눌러 코드를 본다. 페이지 소스보기도 html코드를 볼수있다. 페이지에서 검사를 눌러 페이지 소스를 볼떄 화살표 모양 옆에 toggle Device mode라는 것이있는데 toggle 라는것은 스위치를 누르면 켜지고 누르면 꺼지는 스위치를 뜻한다. 디바이스는 장치라는 뜻이다. toggle을 누르게 되면 데스크탑에서 웹페이지를 만들기 좋은 크기들을 시뮬레이션해주는 도구다.

외부문서삽입 - iframe 어떤 문서안에 다른문서의 내용을 가져오는 기법 아이프라임은 외부의 어떤 컨텐츠를 가져올떄 쓴다. 아이프라임은 보안에 취약하다.

모바일 지원 (viewport) 작은 화면이나 테블릿에서도 잘 볼수있게 만드는 과정 웹 브라우저에서 마우스 오른쪽을 눌러 검사를 하고 스마트폰처럼 생긴 아이콘을 눌러 크기조절을 한다. meta태그를 만들고 그안에 name을 viewport라고 지정해서 content안에 width를 적고 device를 적어준다 width는 폭이라는 뜻이고 device는 장치라는 뜻이다. 즉 화면의 폭을 디바이스의 폭 만큼 지정해라 라는 그런 의미의 meta태그이다. 그뒤에 initial-scale을 1.0으로 하게되면 웹페이지의 화면을 확대하지도 않고 축소하지도 않은 상태로 시작해라 라는 뜻이다.

검색엔진 최적화

의미론적 태그 semantic이란의미론적인 이라는 뜻이다 semantic이란 추상적이고 광범위하다.(생활코딩 선생님도 잘 모름) html에서 사용되는 여러가지 정보들을 의미에 맞게 잘 표현하기 위한 여러가지 태그들이 등장한다. 헤더는 기능없음 h1이 있고 없에 따라서 컨텐츠의 크기가 달라진다.(시각적인 기능이있다.) li 각각의 리스트로 표현해줌 nav 내비게이션:컨텐츠 탐색할떄 정보가 이것이다 라는 것이 이 태그이다. article:본문을 쓰고 싶을떄 여러번쓰고 section으로 묶어줄수있다 섹션은 의미론적 태그입니다. article과section의 차이는 header은 header section이라는 것이고 즉 header의 역할을 하는 section이라는 것이다. section은 정의하기 애매한 것..

meta 어떠한 데이터가있으면 그데이터를 설명하는 데이터가 meta data 라고 합니다. html에있는 태그들은 그 태그가 감싸고 있는 컨텐츠를 설명한다는 점에서 meta data라고 할수있다 웹페이지나 본문을 설명하는 중요한 정보를 검색이나 분류 할떄 사용하는 태그가 meta 태그 입니다. 웹 페이지에 표현되지 않지만 웹페이지를 잘 설명하기 위한 부가적인 정보를 추가할수있는 방법이 meta 태그이다. meta태그는 웹페이지의 내용은 아니지만 그내용 또는 웹페이지를 설명하는 태그입니다.

퇴출된 태그 (쓰면 안됨) font:3이 기본 폰트크기는 1~7까지 숫자가있다. font안에 color를 주면 색이 들어간다.

정보로서의 HTML html이 처음 고안 되었을 때는 웹페이지를 표한하기 위한 언어 였고 사회적으로 중요한 의미는 없었다 그러나 웹이 성장하면서 인류의 많은 정보들이 웹화가 되며 htm이라는 언어를 통해 표현되기 시작했다 그러면서 html이라는 것이 광장히 중요한 사회적 역할을 하게 되며 인류의 지식을 담아내는 그릇같은 역할을 하게된다. 그러면서 html이라는 것이 정보를 표현하고 정보를 담아내는 역할에 집중하고 전념할수있게 하기위한 여러가지 조치들이 취해진다.

파일 업로드 파일 선택후 파일 업로드 하고 열기 누르고 제출을 누르면 서버에 전송 된다. input:어디로파일전송할것인가 from:어디로 전송할것인가 submit:제출버튼이다. 전송할려면 from태그에 두개속성을 알아야 한다. 메소드 포스트 형식 메소드는 포스트 링크는 multipart form-data로 지정해야한다. php코드는 내가 업로드 한 파일을 받아서 그것을 어떤 특정한 서버쪽 컴퓨터의 특정한 디렉토리로 이동시키는 코드

method 정보를 경우에 따라서 유출되어야 할때와 감추어야할때 쓰는 방식이 포스트 방식이다. 포스트 방식 : 폼태그에 포스트 태그를 넣어 어떤 방식으로 데이터를 전송할지 전송방법의 타입을 정한다. 메소드를 지정하지 않으면 get방식으로 동작하도록 약속되어있음 메소드를 쓰게 되면 로그인을 했을떄 url이 노출되지 않는다 url을 통해서 전송하는 방식을 get방식 포스트 방식은url이 아닌 다른 방법으로 데이터를 숨겨서 전송하는 방식이다. 폼을 이용해서 데이터를 전송할때는 포스트 방식으로 한다.

컨트롤의 제목 - label lasbel태그는 무언가의 이름표 이다. for는 각각의 누구의 레이블인지 나타내주는 속성 id는 누구의 아이디인지 알려줄떄 쓰는 속성 id를 일일이 치기 귀찮을떄 레이블을 폼태그 바깥쪽에 감싸주면 레이블안에 있는 폼태그가 바깥쪽에있는 텍스트들이 레이블이 되는 것입니다.

데이터 전송 - hidden 눈에 보이지 않지만 데이터 전송할때 쓰는 태그 input태그는 화면에 보이지 않음

버튼 input요소로 생성하는 버튼과 같지만, 이미지나 텍스트등을 포함하고 있어 유연한 디자인이 가능합니다. autofocus : 페이지를 로드할때 해당 요소가 자동으로 포커스를 받도록 지정합니다. disabled : 포커스, 선택, 변경 등의 조작이 불가능하게 하고 데이터도 서버에 전송하지 않는다. 불리언 속성입니다. name="이름" : 버튼의 식별자를 지정합니다. type=버튼의 종류를 지정합니다. submit : 폼을 제출합니다. 기본값입니다. reset : 폼을 리셋합니다. button : 아무것도 하지 않습니다. value="값" : 전송되는 데이터의 초기값 지정합니다.