PG WORKS

PHPやLinuxサーバなどのノウハウや、便利なツールを紹介していきます。

よく使うのに忘れてしまうHTMLタグ

2016年度、初のブログ更新になります。
今年もいろいろやりたいことがあるので、それに向けての準備と実現にむけて頑張っていきたいと思います。

では、今回のブログですが、




HTMLタグになります。



よく使うタグは書けるものの、あまり使わなかったり、普段コピペで終わってしまうタグだったりすると、いざ使いたいときに、出てこないときがよくあります(汗

なので、ブログに書き留めて、改めて勉強w

metaタグ

<meta name="description" content="サイト紹介文">
<meta name="robots" content="noindex">

CSSファイルの読み込みタグ

<link rel="stylesheet" type="text/css" href="cssファイルのパス">

JSファイルの読み込みタグ

<script type="text/javascript" src="jsファイルのパス"></script>

HTMLファイルに直接CSSを書き込むときの宣言

<style type="text/css">
</style>

HTMLファイルに直接JSを書き込むときの宣言

<script type="text/javascript">
<!--
// -->
</script>

jquery読み込み

>>1.x系 IE6~IE8を対応したい場合
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

>>2.x系 新しくサイト作る場合ならこちら
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

Hosted Librariesの最新バージョンはこちらから
developers.google.com

aタグでジャンプリンク

>>同じページ内での特定位置へジャンプする
<a href="#test">ジャンプリンク</a>
<h3 id="test">ジャンプ先</h3>

リンク先にリファラーを飛ばさないようにする

<a href="http://zen6a.hateblo.jp/" rel="noreferrer">PGWORKSへ</a>

はてなブログ専用タグ

help.hatenablog.com


次回は、CSSファイル内での書き方や便利なタグの記述方法を紹介していきたいと思います。
CSSに関する内容を書きました。
zen6a.hateblo.jp


2016年もPGWORKSよろしくお願いいたします。