Article Sujet apprentissage Télécharger Questions et réponses Dictionnaire de programmation Jeu mises à jour récentes

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Maison> interface Web> Tutoriel H5> le corps du texte

Html5语义化标签及兼容性处理详解

PHP中文网

Libérer： 2017-06-21 14:27:54

original

1308 Les gens l'ont consulté

页眉

主要用于页面的头部的信息介绍，也可用于板块头部

页面上的一个标题组合一个标题和一个子标题，或者标语的组合

妙味课堂

带您进入富有人情味的IT培训

导航（包含链接的的一个列表）

妙味精品课程

javascript

html+css

页脚页面的底部或者版块底部

页面上的版块用于划分页面上的不同区域,或者划分文章里不同的节

用来在页面中表示一套结构完整且独立的内容部分可以用来呈现论坛的一个帖子，杂志或报纸中的一篇文章，一篇博客，用户提交的评论内容，可互动的页面模块挂件等。

元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分 aside 的内容应该与 article 的内容相关。被包含在

中作为主要内容的附属信息部分，其中的内容以是与当前文章有关的引用、词汇列表等在

之外使用，作为页面或站点全局的附属信息部分；最典型的形式是侧边栏(sidebar)，其中的内容可以是友情链接、附属导航或广告单元等。

figure的子元素用于对figure的内容进行说明

(注意没有alt)

妙味课堂 photo © 妙味趣学

用来表现时间或日期

我们在每天早上9:00开始营业。
参数

我在情人节有个约会。

选项列表。

与 input 元素配合使用，来定义 input 可能的值。

用于描述文档或文档某个部分的细节该元素用于摘录引用等应该与页面的主要内容区分开的其他内容

Open 属性默认展开

< summary>details 元素的标题

妙味课堂

国内将知名的IT培训机构

定义一段对话

老师

2+2 等于？

学生

4

老师

答对了！

定义文章或页面作者的详细联系信息

需要标记的词或句子

给表单添加一个公钥

用户:

公钥:

定义进度条

76%

标签

针对IE6-8这些不支持HTML5语义化标签的浏览器我们可以使用javascript来解决他们方法如下：

在页面的头部加下：

样式

HTML5语义化标签在IE6-8下，我们用js创建出来之后，他是不会有任何默认样式的甚至是 display，所以在样式表里要对这些标签定义一下它默认的display

新的输入型控件

email : 电子邮箱文本框，跟普通的没什么区别当输入不是邮箱的时候，验证通不过移动端的键盘会有变化

tel : 电话号码

url : 网页的URL

search : 搜索引擎 chrome下输入文字后，会多出一个关闭的X

range : 特定范围内的数值选择器 min、max、step( 步数 ) 例子 : 用JS来显示当前数值

新的输入型控件_2

number : 只能包含数字的输入框

color : 颜色选择器

datetime : 显示完整日期

datetime-local : 显示完整日期，不含时区

time : 显示时间，不含时区

date : 显示日期

week : 显示周

month : 显示月

新的表单特性和函数

placeholder : 输入框提示信息例子 : 微博的密码框提示

autocomplete : 是否保存用户输入值默认为on，关闭提示选择off

autofocus : 指定表单获取输入焦点

list和datalist : 为输入框构造一个选择列表 list值为datalist标签的id

required : 此项必填，不能为空

Pattern : 正则验证 pattern="\d{1,5}“

表单验证

validity对象，通过下面的valid可以查看验证是否通过，如果八种验证都通过返回true，一种验证失败返回false

oText.addEventListener("invalid",fn1,false);

ev.preventDefault()

valueMissing : 输入值为空时

typeMismatch : 控件值与预期类型不匹配

patternMismatch : 输入值不满足pattern正则

tooLong : 超过maxLength最大限制

rangeUnderflow : 验证的range最小值

rangeOverflow：验证的range最大值

stepMismatch: 验证range 的当前值是否符合min、max及step的规则

customError 不符合自定义验证

setCustomValidity(); 自定义验证

Invalid事件 : 验证反馈

input.addEventListener('invalid',fn,false)

阻止默认验证：ev.preventDefault()

formnovalidate属性 : 关闭验证

Formaction 在submit里定义提交地址

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!

Étiquettes associées：

h5 html5 ie 标签详解语义

source：php.cn

Article précédent：下载新浪微博视频和秒拍视频的方法 Article suivant：CSS3 Flexbox该怎么使用？

Déclaration de ce site Web

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

Derniers articles par auteur

Comment effacer la mémoire de l'ordinateur à l'aide de la commande CMD

2024-06-20 13:27:31
Que faire si votre mot de passe Win10 ne répond pas aux exigences de la politique de mot de passe

2024-06-20 13:27:01
Comment renommer des fichiers par lots

2024-06-20 11:39:19
Guide pour obtenir des matériaux de moulage d'armes standard dans 'Ming Tide'

2024-06-18 13:58:14
Que signifie la connexion directe d'un écran indépendant ?

2023-08-15 10:42:19
Que signifie élément ?

2023-08-15 09:58:07
qu'est-ce que Twitter

2023-08-15 09:36:30
Quel logiciel est Dreamweaver ?

2023-08-15 09:20:37
Que se passe-t-il lorsque Telecom CDMA se retire du réseau ?

2023-07-05 14:05:42
Que signifie cdma pour les télécommunications ?

2023-07-05 13:44:54

Derniers numéros

Les éléments personnalisés nécessitent-ils des balises de fermeture ? Les éléments que j'ai définis (qui ne nécessitent pas de contenu) semblent fonctionner trè...

Depuis 2023-10-29 22:40:33

0

1

307

Modifier la valeur textNode Existe-t-il un moyen de modifier la valeur d'un DOMtextNode dans un navigateur Web ? Je vo...

Depuis 2023-10-17 20:55:25

0

2

261

Quelles requêtes seront générées par le rafraîchissement « F5 » et « Ctrl + F5 » du navigateur ? Existe-t-il une norme pour les actions déclenchées par F5 et Ctrl+F5 dans les navigateurs ...

Depuis 2023-10-11 10:38:51

0

2

222

Mise à l'échelle des polices en fonction de la taille du conteneur J'ai du mal à comprendre le problème de mise à l'échelle des polices. J'ai actuellement un...

Depuis 2023-10-08 21:42:41

0

2

231

Comment générer un GUID/UUID ? Comment créer un GUID (Globally Unique Identifier) en JavaScript ? Les GUID/UUID doivent...

Depuis 2023-10-08 14:55:18

0

2

201

Rubriques connexes

Plus>

Recommandations populaires

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal

À propos de nous Clause de non-responsabilité Sitemap: Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！