HTML5 premier aperçu de 2 nouveaux éléments-Tutoriel H5-php.cn

HTML5 premier aperçu de 2 nouveaux éléments

黄舟

Libérer： 2017-05-21 14:21:40

original

1572 Les gens l'ont consulté

1. Élément de bloc

HTML5 définit 8 nouveau HTML éléments sémantiques (sémantiques), ces éléments sont des éléments de niveau bloc. Afin de permettre aux anciennes versions des navigateurs d'afficher correctement ces éléments, vous pouvez paramétrer l'attribut affichage du CSS pour bloquer：

header, section, footer, aside, nav, main, article,figure{
 display: block;
}

Copier après la connexion

2. Ajouter un nouvel élément

ajoute un nouvel élément au HTML et définit un style pour le element, Les noms des éléments sont :

<!DOCTYPE html>
  <html>
  
  <head>
    <title>Creating an HTML Element</title>
     <script>document.createElement("myHero")</script>
    <style>
    myHero {
      display: block;
      background-color: #ddd;
      padding: 50px;
      font-size: 30px;
    } 
    </style> 
  </head>
  
  <body>
  
  <h1>我的第一个标题</h1>
  
  <p>我的第一个段落。</p>
  
  <myHero>我的第一个新元素</myHero>
  
  </body>
  </html>

Copier après la connexion

3. MultimédiaÉlément

标签	描述
	定义音频内容
	定义视频（video 或者 movie）
	定义多媒体资源和
	定义嵌入的内容，比如插件。
	为诸如和元素之类的媒介规定外部文本轨道。

étiquetteSigne

Description

标签定义图形，比如图表和其他图像。该标签基于 JavaScript的绘图 API

<🎜><🎜>

<🎜><🎜>DéfinitionAudio<🎜>Contenu<🎜><🎜>

<🎜><🎜 >

<🎜><🎜>DéfinitionVidéo<🎜>（<🎜><🎜>vidéo <🎜><🎜> ou <🎜><🎜> film<🎜> <🎜> )<🎜><🎜>

<🎜><🎜> <🎜> <🎜><🎜>

<🎜><🎜>Définir les ressources multimédia<🎜><🎜> <🎜>

<🎜><🎜>< ;embed> <🎜><🎜><🎜>

<🎜><🎜>Définir le contenu intégré, tel que les plug-ins. <🎜><🎜>

<🎜><🎜><🎜>< 🎜><🎜>

<🎜><🎜> par exemple <🎜><🎜>

<🎜><🎜><🎜>4.<🎜> <🎜>Élément de toile<🎜>Élément<🎜>

<🎜><🎜><toile<🎜>><🎜><🎜><🎜>

<🎜><🎜> Les étiquettes définissent des graphiques, tels que des graphiques et autres images. Cette balise est basée sur <🎜><🎜> JavaScript<🎜><🎜><🎜> =" //m.sbmmt.com/code/9596.html" target="_blank">Dessin<🎜><🎜><🎜> API<🎜><🎜><🎜>

5.Nouvel élément de formulaire

标签	描述
list>	定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
<keygen>	规定用于表单的密钥对生成器字段。
	定义不同类型的输出，比如脚本的输出。

<🎜>Marque<🎜>Signe<🎜><🎜><🎜>

<🎜><🎜>Description<🎜><🎜><🎜>

<🎜>list><🎜><🎜 ><🎜>

<🎜>Définissez une liste d'options. Veuillez utiliser cet élément avec l'élément <🎜> input <🎜> pour définir l'entrée <🎜> <🎜>Valeurs possibles. <🎜><🎜>

<🎜>< ;clégen><🎜><🎜><🎜>

<🎜>Spécifie la paire de clés utilisée pour le formulairegénérateur. <🎜><🎜>

<🎜>< ;output><🎜><🎜><🎜>

<🎜>Définissez différents types de sortie, tels que la sortie de script. <🎜><🎜>

6. Nouveaux éléments sémantiques et structurels

Le titre de l'élément< ;footer> ou Annotation pour définir le contenu affiché par les navigateurs qui ne prennent pas en charge l'élément

Libellé Étiquette	Description
	Définir le contenu de la barre latérale de la page
	Définir le contenu du contenu de la page dehors.
	Vous permet de définir un morceau de texte indépendant du paramètre de direction du texte de son élément parent.
	Définir une commandebouton, tel que bouton radio, case à cocher ou bouton
	Détails utilisés pour décrire un document ou une certaine partie d'un document Boîtes de dialogue de définition, telles que les boîtes d'invite
	< La balise 🎜> contient le titre de l'élément détails
	Spécifie le contenu du flux indépendant (images, graphiques, photos, code, etc.).
	Définition
	définir section
document pied de page.	Définit la zone d'en-tête du document
	définit le texte avec des jetons.
	Définir les poids et mesures. À utiliser uniquement pour les mesures avec des valeurs maximales et minimales connues.
	Définir la progression en cours (processus).
	Définissez l'avancement de tout type de tâche.
	Définition rubis
(phonétique ou caractère chinois).	Définir l'interprétation ou la prononciation d'un caractère (phonétique chinoise ou caractère).
	Utilisé dans les commentaires ruby
ruby .		定义文档中的节（section、区段）。
<time>	定义日期或时间。
	规定在文本中的何处适合添加换行符。

7. 已移除的元素

在HTML5中不再使用，已经被删除。

·    <acronym>
·    <applet>
·    <basefont>
·    <big>
·    <center>
·    <dir>
·    <font>
·    <frame>
·    <frameset>
·    <noframes>
·    <strike>
·    <tt>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!