'Programing/HTML5/CSS3'에 해당되는 글 3건

  1. 2015.03.03 인라인 스타일 태그
  2. 2015.02.26 HTML5의 이스케이핑
  3. 2015.02.26 keywords meta태그 예제

특정 태그에 대해서 스타일을 지정하는 방식을 인라인 스타일 이라고 하는데

태그 안에 스타일이 들어감으로써 구조와 표현을 분리한다는 원칙에 위배되며 분담 작업이나 재사용성 등 스타일의 여러 가지 이점이 사라진다.


<body>

<p style="font-size:20pt; color:blue;"> 스타일 문단 </p>

'Programing > HTML5/CSS3' 카테고리의 다른 글

인라인 스타일 태그  (0) 2015.03.03
HTML5의 이스케이핑  (0) 2015.02.26
keywords meta태그 예제  (0) 2015.02.26
Posted by thread1525

댓글을 달아 주세요

<!DOCTYPE html>

<html>

<head>

    <meta charset=utf-8>

    <title>escape</title>

    </head>

    <body>

        <p>if (i<10) a++;</p>

        <p>기업 M&A 현황 조사</p>

        <p>Hello는 "안녕"이라는 뜻이다.</p>

    </body>

</html>


특수 문자의 이스케이핑에 대해 HTML5 브라우저는 특수 문자인지 아닌지를 판별한다.

M&A의 &은 뒤쪽에 ;이 없으므로 문자 그대로 인식한다. 문단 내에서 따옴표는 웬만하면 그냥 사용해도 무방하다.

'Programing > HTML5/CSS3' 카테고리의 다른 글

인라인 스타일 태그  (0) 2015.03.03
HTML5의 이스케이핑  (0) 2015.02.26
keywords meta태그 예제  (0) 2015.02.26
Posted by thread1525

댓글을 달아 주세요

<!DOCTYPE html>

<html>

<head>

    <meta charset=utf-8>

    <title>meta</title>

    <meta name="name" content="쿨브레">

    <meta name="keywords" content="meta태그 예제">

    <meta name="description" content="meta태그 용도 설명">

    <meta name="generator" content="notepad">

</head>

    <body>

        <p>meta태그의 용도를 설명하기 위한 페이지</p>

    </body>

</html>


검색 엔진이 meta정보를 읽어 검색 결과를 반영하여 검색 확률이 높아진다.

하지만 요즘 검색 엔진은 문서 내용 전체를 스캔하기 때문에 keywords 메타 정보 실용성이 떨어졌다.

'Programing > HTML5/CSS3' 카테고리의 다른 글

인라인 스타일 태그  (0) 2015.03.03
HTML5의 이스케이핑  (0) 2015.02.26
keywords meta태그 예제  (0) 2015.02.26
Posted by thread1525
 TAG html5, meta, TAG

댓글을 달아 주세요

이전버튼 1 이전버튼

블로그 이미지
1525번 thread 입니다.
thread1525

공지사항

Yesterday9
Today1
Total6,171

달력

 « |  » 2019.10
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

최근에 달린 댓글

최근에 받은 트랙백

글 보관함