HTML5 に:<!DOCTYPE html>が 1 つだけあります。これは、ブラウザが標準モードに従ってドキュメント タイプを解析することを意味します。
メタタグで文字セットを使用できるようになりました: <meta charset=utf-8″ />
<link rel=stylesheet href=path/to/stylesheet.css /><script src=path/to/script.js></script>より多くのセマンティックな新しいタグ
例: <article>、<section>、<aside>、<hgroup>、<header>、<footer>、<nav>、<time>、<mark>、<figure>、<figcaption> など。
ビデオとオーディオ<video width=640 height=320 preload=autoposter=0.jpg コントロール> <source src=movie.ogg type=video/ogg /> <source src=movie.mp4 type=video/mp4 /> お使いのブラウザでは、 video タグをサポートします。</video>フォーム強化
新しい入力タイプ: 色、電子メール、日付、月、週、時刻、日時、ローカル日時、数値、範囲、検索、電話番号、および URL
新しいプロパティ: required、autofocus、pattern、list、autocomplete、placeholder
新しい要素: <keygen>、<datalist>、<output>、<meter>、および <progress>
Canvas タグは 2D グラフィックを描画します。
var Canvas = document.getElementById('canvas');var context = Canvas.getContext('2d');context.beginPath();context.moveTo(100,100);context.lineTo(300,300);context.lineTo(100,500) ;context.lineWidth = 5;context.ストロークスタイル = 赤;context.ストローク();地理的位置の取得HTML セマンティクス1. HTML セマンティクスとは何ですか?タグを通じてコンテンツのセマンティクスを決定します。たとえば、h1 タグに基づいてコンテンツがタイトルであるかどうかを決定し、<p> タグに基づいてコンテンツが段落であるかを決定し、<input> タグが入力ボックスであるかを決定します。
2. なぜセマンティクスなのか?1) スタイルが削除または失われると、ページは明確な構造を示すことがあります。
2) 他のデバイス (スクリーン リーダー、ブラインド リーダー、モバイル デバイスなど) が Web ページを意味のある方法でレンダリングするのに便利です。
3) SEO に有利
4) チームの開発とメンテナンスに便利で、差別化を軽減するために W3C 標準に従っています。
3. タグが意味的に正しいかどうかを判断するにはどうすればよいですか?スタイルを削除して、Web ページの構造が適切に整理されており、読みやすさが保たれているかどうかを確認します。
4. 共通のセマンティックタグモジュール形状
<form action= method=> <fieldset style=border: none> <legend style=display: none>ログインフォーム</legend> <p><label for=name>アカウント:</label><input type=text id =name></p> <p><label for=pw>パスワード:</label><input type=password id=pw></p> <input type=submit name=Login class=subBtn> </フィールドセット></form>
フォームのフィールドは fieldset タグで囲み、凡例タグを使用してフォームの目的を説明する必要があります。各入力タグに対応する説明テキストは label タグを使用する必要があり、説明は id を設定して作成する必要があります。 input の属性と label タグの for=someld の設定により、テキストが対応する入力に関連付けられます。
5. セマンティックタグを使用する際に注意すべきいくつかの問題非セマンティック タグ div および span をできるだけ少なく使用します。
セマンティクスが明確でない場合は、div または p を使用してください。p にはデフォルトで上下のスペースがあり、特殊な端末との互換性に有利です。
b、font、u などの純粋なスタイル タグは使用せず、代わりに CSS 設定を使用してください。
強調する必要があるテキストは、strong タグまたは em タグに含めることができます。strong のデフォルトのスタイルは太字 (b を使用しない)、em は斜体 (i を使用しない) です。
要約する上記は、編集者によって紹介された新しい HTML5 機能のセマンティック タグです。ご質問がございましたら、メッセージを残してください。編集者がすぐに返信します。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました!