반응형
제공된 URL에서 가져온 메타 태그 정보를 표시하는 완전한 형식의 페이지입니다. 코드 맨 위에 있는 URL을 변경하여 정보를 수집하는 웹 사이트를 변경합니다.
<?php $searchmeta1 = get_meta_tags("http://northstarmediainc.com"); ?>
<?php $searchmeta2 = get_meta_tags("http://thecouponmagazine.com"); ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Meta Tag Finder</title>
<style>
*{
margin:0;
padding:0;
outline:0;
border:0;
}
html{min-height:100%; height:auto;}
body{
background:#FFF;
font-size:12px;
font-family:verdana, arial, sans-serif;
color:000;
}
a{
text-decoration:none;
color:#999;
}
a:hover{
color:#666;
}
#container{
width:900px;
margin:0 auto;
}
h1{
font-weight:bold;
font-size:20px;
text-align:center;
padding:14px;
letter-spacing:1.5;
font-family: georgia, Sans-Serif;
border-bottom:1px dashed #666;
margin-bottom:20px;
}
h2{
font-weight:normal;
font-size:16px;
padding-top:10px;
}
h3{
font-weight:boldl;
font-size:14px;
text-align:center;
padding-bottom:10px;
font-style:italic;
}
#left{
float:left;
width:430px;
padding-bottom:40px;
}
#right{
float:right;
width:430px;
padding-bottom:40px;
}
.box1{
display:block;
height:70px;
color:#FFF;
background-color:#EF810E;
margin:10px;
padding:10px;
border:1px solid #CF6B00;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 10px 10px 5px #888;
}
.box2{
display:block;
height:70px;
color:#FFF;
background-color:#5C66FF;
margin:10px;
padding:10px;
border:1px solid #3340CF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
</style>
</head>
<body>
<div id="container">
<h1>Meta Tag Finder</h1>
<div id="left">
<h3>NorthStar Media</h3>
<h2>Author:</h2>
<div class="box1">
<?php echo ($searchmeta1["author"]); ?>
</div>
<h2>Copyright:</h2>
<div class="box1">
<?php echo ($searchmeta1["copyright"]); ?>
</div>
<h2>Description:</h2>
<div class="box1">
<?php echo ($searchmeta1["description"]); ?>
</div>
<h2>Keywords:</h2>
<div class="box1">
<?php echo ($searchmeta1["keywords"]); ?>
</div>
<h2>Robots:</h2>
<div class="box1">
<?php echo ($searchmeta1["robots"]); ?>
</div>
<h2>Generator:</h2>
<div class="box1">
<?php echo ($searchmeta1["generator"]); ?>
</div>
</div>
<div id="right">
<h3>The Coupon Magazine</h3>
<h2>Author:</h2>
<div class="box2">
<?php echo ($searchmeta2["author"]); ?>
</div>
<h2>Copyright:</h2>
<div class="box2">
<?php echo ($searchmeta2["copyright"]); ?>
</div>
<h2>Description:</h2>
<div class="box2">
<?php echo ($searchmeta2["description"]); ?>
</div>
<h2>Keywords:</h2>
<div class="box2">
<?php echo ($searchmeta2["keywords"]); ?>
</div>
<h2>Robots:</h2>
<div class="box2">
<?php echo ($searchmeta2["robots"]); ?>
</div>
<h2>Generator:</h2>
<div class="box2">
<?php echo ($searchmeta2["generator"]); ?>
</div>
</div>
</div>
</body>
</html>'css' 카테고리의 다른 글
| 처음부터 웹 앱 만들기 – 8부 4: HTML (0) | 2021.10.10 |
|---|---|
| 처음부터 웹 앱 만들기 – 8부 6: AJAX 상호 작용성 추가 (0) | 2021.10.10 |
| $_REQUEST 디버깅 중 (0) | 2021.10.10 |
| 임의 슬로건 표시기 (0) | 2021.10.09 |
| 완벽한 CSS 사이다 - 슬라이딩 도어 버튼 (0) | 2021.10.09 |
댓글