Maison  >  Article  >  interface Web  >  HTML5 premier aperçu de 2 nouveaux éléments

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

黄舟
黄舟original
2017-05-21 14:21:401521parcourir

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;
}


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 523a75af872c9b7da9495f252f14cbcb :

<!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>

3. MultimédiaÉlément

描述

b97864c2e0ef2353a16c4d64c7734e92

定义音频内容

39000f942b2545a5315c57fa3276f220

定义视频video 或者 movie

e02da388656c3265154666b7c71a8ddc

定义多媒体资源 39000f942b2545a5315c57fa3276f220 b97864c2e0ef2353a16c4d64c7734e92

d8e2720730be5ddc9c2a3782839e8eb6

定义嵌入的内容,比如插件。

9bf7cbf2c39baa37076a22499de2f6ed

为诸如 39000f942b2545a5315c57fa3276f220 b97864c2e0ef2353a16c4d64c7734e92 元素之类的媒介规定外部文本轨道。

étiquetteSigne

Description

3856173a0eceb679792f65a38e1fcb00

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

b97864c2e0ef2353a16c4d64c7734e92 DéfinitionAudioContenu
39000f942b2545a5315c57fa3276f220 DéfinitionVidéo(vidéo ou film )
e02da388656c3265154666b7c71a8ddc Définir les ressources multimédia 36a905548c8276df5a0a9467f3407669 b97864c2e0ef2353a16c4d64c7734e92
< ;embed> Définir le contenu intégré, tel que les plug-ins.
9bf7cbf2c39baa37076a22499de2f6ed par exemple 39000f942b2545a5315c57fa3276f220 Les médias tels que l'élément audio> spécifient une piste de texte externe.
4. Élément de toileÉlément
969e83c727c4790f2537c0920dfa0f4d Les étiquettes définissent des graphiques, tels que des graphiques et autres images. Cette balise est basée sur JavaScript =" http://www.php.cn/code/9596.html" target="_blank">Dessin API


5.
Nouvel élément de formulaire

描述

b2b67eb15edb2170c90d4a06a40a9be6

定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

ef2858e926d61e856e613b4641e2865f

规定用于表单的密钥对生成器字段。

be6d67dae90cc1ad6469079e163d0939

定义不同类型的输出,比如脚本的输出。

MarqueSigne
Description
b2b67eb15edb2170c90d4a06a40a9be6 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

24203f2f45e6606542ba09fd2181843aLe 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

23c3de37f2f9ebcb477c4a90aac6fffd

Définir le contenu de la barre latérale de la page

15221ee8cba27fc1d7a26c47a001eb9b

Définir le contenu du contenu de la page dehors.

af4e6c3c591431c4583becd75d1c3582

Vous permet de définir un morceau de texte indépendant du paramètre de direction du texte de son élément parent.

db031d776d6cdf99efbeded05fc2f203

Définir une commandebouton, tel que bouton radio, case à cocher ou bouton

9b6f0f9472fe4ecc49b4002406414906

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

631fb227578dfffda61e1fa4d04b7d25

contient le titre de l'élément

détails

Spécifie le contenu du flux indépendant (images, graphiques, photos, code, etc.).

614eb9dc63b3fb809437a716aa228d24

Définition

24203f2f45e6606542ba09fd2181843a

définir

section
document

pied de page.

1aa9e5d373740b65a0cc8f0a02150c53Définit la zone d'en-tête du document

f920514e6447cf1d171079d1371f007f

définit le texte avec des jetons.

0bfb43d3b890fce21fa49855b6b81a47

Définir les poids et mesures. À utiliser uniquement pour les mesures avec des valeurs maximales et minimales connues.

c787b9a589a3ece771e842a6176cf8e9

Définir la progression en cours (processus).

6ecb87e5318a36c03c59e25d55f43372

Définissez l'avancement de tout type de tâche.

c2c886c740e4b09d6d9c9b7695dbbaab

Définition

rubis
(phonétique ou caractère chinois).

7240f116d85a7ee375466871bc33670a Définir l'interprétation ou la prononciation d'un caractère (phonétique chinoise ou caractère).

515718f19dfe6612658be14be18aa0ec

Utilisé dans les commentaires

ruby ​​​​
ruby

.

2f8332c8dcfd5c7dec030a070bf652c3

定义文档中的节(section、区段)。

865ebc4a8f40017839ddd62af936776f

定义日期或时间。

37fcc81822f151c26d66e5caf9953670

规定在文本中的何处适合添加换行符。

 

 

7.   已移除的元素

HTML5中不再使用,已经被删除

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


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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Un premier aperçu du HTML5Article suivant:Un premier aperçu du HTML5