본문
151224P(목)
HTML5
method
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form action="http://localhost/method.php" method="post">
<input type="text" name="id">
<input type="password" name="pwd">
<input type="submit">
</form>
</body>
</html>
메소드를 생략하면 기본적으로 get 방식으로 전송
password 전송시에 get으로 전송하면 url에 비밀번호가 노출된다.
url에 노출시키지 않으려면 post 방식으로 보내야한다.
localhost/method.php
완전한 보안책은 아니지만 적어도 url에 노출되지는 않는다.
form을 이용한 전송에는 post로 보내는것이 권장된다.
하지만 주도권은 back-end 개발자의 손에 있다.
파일업로드
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form action="http://localhost/upload.php" method="post" enctype="multipart/form-data">
<input type="text" name="id">
<input type="file" name="profile">
<input type="submit">
</form>
</body>
</html>
<input type="file" name="profile">
파일선택 버튼
안드로이드 개발과 마찬가지로 서버와 파일전송을 하기위해
multipart를 사용하는것을 확인했다.
<meta>
어떤 데이터를 설명하는 데이터
웹페이지를 설명하는 태그
<meta name="description" content="고뇌하는 식빵남아">
내가 알기로는 검색엔진에서 자료를 찾기위해 요약한 내용을 알려주는것으로 알고있다.
<meta name="keywords" content="식빵, 고뇌, html">
구글은 스팸때문에 이방법을 추천하지 않는다.
<meta name="author" content="식빵남아">
저자
<meta http-equiv="refresh" content="30">
30초 간격으로 새로고침
의미론적인 웹 - semantic
| article | 본문 |
| aside | 광고와 같이 페이지의 내용과는 관계가 적은 내용들 |
| details | 기본적으로 표시되지 화면에 표시되지 않는 정보들을 정의 |
| figure | 삽화나 다이어그램과 같은 부가적인 요소를 정의 |
| footer | 화면의 하단에 위치하는 사이트나 문서의 전체적인 정보를 정의 |
| header | 화면의 상단에 위치하는 사이트나 문서의 전체적인 정보를 정의 |
| main | 문서에서 가장 중심이 되는 컨텐츠를 정의 |
| mark | 참조나 하이라이트 표시를 필요로 하는 문자를 정의 |
| nav | 문서의 네비게이션 항목을 정의 |
| section |
(불분명한)문서의 구획들을 정의 (참고) |
| time | 시간을 정의 |
web의 section 정보를 semantic tag(element)를 사용해서 나타내는 것.
디자인은 css에서, 동작은 javascript에서 구현하고 html에서는 정보와 의미를 나타내기 위해 집중
검색엔진 최적화
검색엔진
robot이 html을 분석해서 사용자 검색에 가장 적합한 결과를 제공하는 것
html코드를 semetic적으로 사용한다면 최적화 되었다고 할 수 있다.
SEO(Search Engine Optimization)
검색엔진 최적화
기본검색결과 영역만 영향이 있다.
'낡은 서랍장 > HTML5' 카테고리의 다른 글
| 151231P(목) (0) | 2015.12.31 |
|---|---|
| 151230P(수) (0) | 2015.12.31 |
| 151222P(화) (0) | 2015.12.22 |
댓글