HTML+CSSコーディングが10倍速くなるZen Coding

Zen Codingでリンクを作成する

ほかのページやサイトへ移動するためのリンクも、Webページによく入れるもののひとつです。

HTMLでは、「<a href="リンク先のURI"></a>」と記述します。

Zen Codingでは、aタグの省略形は「a」となっています。

省略形「a」を入力して展開すると「<a href=""></a>」となるので、href属性にリンク先のURI、aタグの開始タグと終了タグの間にリンクテキストを入力します。

省略形の入力
省略形「a」を入力する。
省略形の展開
ショートカットキーで展開する。
コードが展開された
「a」が「<a href=""></a>」と展開されている。
リンクの内容の入力
「"」と「"」の間にリンク先URI、<a href="">と</a>の間にリンクテキストを入力する。
```
<p><a href="continue.html">続きを読む</a></p>
```

HTML+CSSコーディングが10倍速くなるZen Coding
こもり　まさあき・岡部和昌著
ISBNコード
978-4-8443-2945-9
インプレス

この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。

ネットで話題の"究極の超速コーディング"がだれでもマスターできる！

めんどうなタグ入力も、一瞬でラクラク変換！ Zen Codingを使えば、かんたんな「省略形」だけでHTML/CSSタグがどんどん入力でき、複雑なHTML/CSSも、あっという間にコーディング可能です！同じタグの繰り返しや入れ子構造、連番も一発で自動変換。Webページ制作が画期的にスピードアップできます。日々大量のタグを打つWebデザイナー、マークアップエンジニア、サイト更新担当者らが泣いて喜ぶマジックツール、Zen Codingのはじめての解説書です。

この記事をシェアしてほしいパン！

Zen Codingの便利な機能 | Zen Coding 3-2

Zen CodingでよりスマートにHTMLを書く | Zen Coding 3-4

バックナンバー

この記事の筆者

こもりまさあき（cipher）
フリーランス

1972年生まれ。黎明期からWebサイト構築などに関わる。現在はWeb関連業務に加えてテクニカルライティング、講師など、業種を限定せずに活動しながら、Twitter（@cipher）でたまに毒を吐く日々。近著に『HTML+CSS コーディングベストプラクティス』（MdN・共著）など。
gaspanik weblog　http://blog.gaspanik.com/
ソーシャル系のアカウント一覧はこちら　http://eee.am/cipher

岡部和昌（おかべ・かずまさ）
Webデザイナー

1983年生まれ、埼玉県の田舎出身。大学で応用化学を学んだ後、ヤフー株式会社初のデザイナー新卒採用にて入社。現在に至る。同社サイトの大規模リニューアルのマークアップを数多くメインで担当した経験を持つ。ページ表示速度の高速化、マークアップの効率化に強い関心があり、HTML5やCSS3を用いたサイトの開発・運用、Java ScriptやPHPを用いた動的なサイト構築が得意分野。執筆記事に『続・ハイパフォーマンスWebサイト−ウェブ高速化のベストプラクティス』（オライリージャパン）付録「Yahoo! JAPANが実践するWebの高速化」（共著）。
kzms2 - html,css,javascript　http://kzms2.com/
Twitter　@kzms2