PG WORKS

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

よく使うのに忘れてしまう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.12.4/jquery.min.js"></script>

>>2.x系
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

>>3.x系
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/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に関する内容を書きました。
http://zen6a.hateblo.jp/entry/2016/01/13/233040zen6a.hateblo.jp