h2ospace

HTMLã??ã??ã??ã?£ã??ã?°ã??3å??é??ã??ã?ªã??ï??ã??Zen-Codingã??

2010-02-01 21:35:02

ã??ã?®æ??ç??ã?¯ã??ã??ã??ã?ªã??ã??é??ã??ã?¤ã??ã??ã?®ç§?ã?§ã??ã??ã??ä??æ??ã?®ä??æ??ã??ã?§ç??ã??ã??ã??ã??ã??ã??ç??ã??ã?ªã??ã?£ã??ã??ã?¨ã??ã??ã??ã?ªã??æ??ã??ã??ã??ã??ã?¨ã??ã??ã??ã??ã??ã??ã??ã??ã??

ã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã?®ã??ã??ã?°ã?§ç´?ä??ã??ã??ã??ã??ã?¡ã??ã?®ã?¨ã??ã??ã?ªã??ã??

å?¨ã??ä??ã?§ç??ã??ã?ªã??ã?£ã??ã?®ã??ã??ã??ã?¨ã??ã??ã??ã??ã??ã??ç??ã??ã??ã??ã??ã?§ã??ã??ã??ã??Zen-Codingã??ã??

ã??ã??ã?§ã??ã??è??ã??ç´?ä??ã??ã??ã??ã??ã??ã?? Zen-Codingã?¯è¨?ã?£ã?¦ã?¿ã??ã?°HTMLã??ã??ã??ã?£ã??ã?°ã?®ã??ã?§ã??ã??ã??ã??ã??ã??

ä??ã??ã?°ã??divè¦?ç´?ã??è¨?è¿°ã??ã??ã??å?´å??ã?¯ã?¨ã??ã?£ã?¿ã??å¯?ã??ã?¦ã??<ã??ã?¨ã??ã?£ã??ä¸?ç??å??ã??ã??å§?ã??ã?£ã?¦å??è§?空ç??ã??ã??ã??ã??ã?¯ã?ªã??ã??ã??ã??ã?§ã??ã??å??ã??ã?ªã??ã??ã??ã??ã??ã??ã??ã??ã??ã?±ã?¡ã?±ã?¡æ??ã?¡è??ã??ã?ªã??ã??ã?°ã?ªã??ã??ã??ã??ã??ä??ã??ã?°ã??ã??ã??ã??ã?¦æ¬¡ã?®HTMLã??æ?¸ã??ã??ã?¨ã??ã??ã??ã??ã??ã??

<div id="areaMain" class="class"></div>

ã??ã??ã??ã??ã??ã??Zen-Codingã?ªã??ã??ã??ã??ã??ã??

div#areaMain.class1

ä??è¨?ã?ªã??ã?®ã?¯ä??ã??ã?ªã??ã??ã??ã??ã?§ã??CSSã?®ã??ã?¬ã?¯ã?¿ã??æ?¸ã??ã??ã??ã??ã?¿ã?°ã?¨ã??#ã??ã?§IDã??ã??.ã??ã?§ã?¯ã?©ã??å??ã??è¨?è¿°ã??ã??ã??ã??ã?§ã??ã??

ã??ã??ã??ã??Zen-Codingã??ã?©ã?°ã?¤ã??ã?®ã?¤ã??ã??ã??ã??ã??ã??ã??ã??Codaã??ã??TextMateã??Dreamweaverã?ªã?©ã?§ã??ã??ã??ã??ã??ã??ã??ï??Codaã?®å?´å??ã?¯ Control+,ï??ã??ã??ã??ï??ï??ã??æ??ã??ã?¨ã??ã??

ã?ªã??ã?¨ã??å??ã??ã?©ã?®HTMLã??å¤?æ??ã??ã?¦ã??ã??ã??ã??ã??ç°¡å??ï??ï??

ã??ã??ã??ä??ã??ã?°ã??ã??

html:5

ã?¨å??å??ã??ã??ã?°ã??ã??

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>

</body>
</html>

ã?©ã??ã??ã??ã?ªã??ã??ã??ã??ä??ã??ã?§æ±ºã??ã??æ??å??ã??æ??ã?¡è??ã??ã?§ã??ã??ã?®ã??ã?°ã??ã?°ã??ã??ã??ã?ªã??ã??ã??ã??ï??langå±?æ?§ã?? en-USã?ªã?®ã?¯æ®?å¿?ã?§ã??ã??ï?? ã??ã?®ä??ã??ã??ã??ã?¦ã?®ã??ã?§ã??ã??ã??ã??ã??ã?¯ã??ã?¡ã??ã?®ã??ã??ã??ã??ã??ã??ã??è¨?è??ã??ã??ã?¦ã??ã??ã??ã??

ã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã??ã?¯ã??ã??ä?¿ã??ã??ã?¦ã??ã??ã??ã??ã??ã??ã?? ã??ã??ã?ªç´?æ??ã?ªæ??å?±ã??æ??ã??ã?¦ã??ã??ã??ã??ã??ã??ã??ã??ã?¨ã??ã??ã??ã??ã??ã??ã??ï??ï??ã??ã??ã??ã??ã??

※このエントリは ブロガーにより投稿されたものです。朝日インタラクティブ および ZDNet Japan編集部の見解・意向を示すものではありません。
  • 新着記事
  • 特集
  • ブログ