2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「HEAD」を紹介します。 HEAD: A simple guide to HTML <head> elements 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 以前の版からいろいろと変更されています。 2016年版: head内に記述する要素の総まとめ 2018年版: head内に記述する要素の総まとめ head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記
Water.css - シンプルなWebサイトをちょっと良い感じに MOONGIFT
HTMLは自由な表現が可能ですが、素のままでは本当に貧相な表示になります。かといって気の利いたデザインを作るのは大変です。一部の表現が足りないために、全体のバランスが崩れてしまうことも多々あります。 そこで使ってみたいのがWater.cssです。読み込むだけで、Webサイトをそれっぽくしてくれます。 Water.cssの使い方 元のHTMLです。 適用後。良い感じになりました。 ダークモードにも対応しています。 フォーム。 画像、テーブル、アコーディオン式の表示。 リストとタイポグラフィ。 Water.cssは小さいスタイルシートで、シンプルなWebサイトの表示をほんの少しだけ良い感じにしてくれます。素のHTMLだけで作った単純なWebサイトであれば、Water.cssを読み込んでおくだけでちゃんと見られる表示になることでしょう。 Water.cssはCSS製のオープンソース・ソフトウェア
メルカリエンジニアリング
「Mercari Engineering」は メルカリのエンジニアに関する情報を、 オープンに公開・共有していくためのサイトです。
macOS 10.14.4/iOS 12.2の「Safari v12.1」ではTarget="_blank"リンクがrel="noopener"扱いに。 | AAPL Ch.
macOS 10.14.4/iOS 12.2の「Safari v12.1」ではtarget=”_blank”リンクにrel=”noopener”が付加されるようになっています。詳細は以下から。 Appleは現地時間2019年03月25日にリリースしたmacOS 10.14.4 MojaveやHigh Sierra/SierraアップデートおよびiOS 12.2にデフォルトWebブラウザとなるSafariのv12.1を同梱していますが、このSafari v12.1ではtarget=”_blank”リンクにrel=”noopener”が付加するようになっています。 target=”_blank” を使用して任意のページから別のページにリンクしている場合、リンク元のページとリンク先のページは同じプロセスで動作します。 そのため、リンク先のページで負荷の高い JavaScript が実行されている
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn Performance | web.dev
