服务热线 400-660-8066

合肥网站建设
首页 站内资讯

合肥网站建设

站内资讯
合肥网站建设 / 站内资讯 / 产品资讯 / 正文

html5常用标签-简述几种html5的常用标签和新增属性的含义

来源: All文章
发布时间:2023-03-20 14:32:09

1、简述几种html常用标签和新属性的含义

  HTML5的声明为:<!DOCTYPEhtml>HTML5独有的标签。

  它不再需要像以前的版本那样在声明中引用DTD。DTD(documenttypedefinition)用一系列合法元素来定义文档的结构,定义合法的XML文档构建模块。在HTML中,DTD规定标记语言的规则,使浏览器能够正确地呈现内容。和HTML5不基于SGML,所以不需要引用DTD。HTML五个常见块级标签。

  文档结构元素HTML5常用标签的使用和例子。

  <article>:定义完整独立的内容块,可以独立于内容的其他部分。

  <header>:页面顶部。html5常用文本标签。

  <nav>:标签导航栏(边导航、页面导航、底部导航)。

  <hgroup>:在定义多个标题时。

  <section>:容分块。可设置cite属性。html5特有的标签。

  <aside>:侧栏,定义与页面内容相关性较低的内容——如果删除,剩余内容仍然合理。

  <figure>:代表与文档相关的图例。

  <figcaption>:代表图例的描述(标题)。

  <footer>:页面底部。

  <dialog>:定义对话框。

  嵌入元素HTML5网页常用的图片标签。

  <video>代表视频及其视频文件和字幕,并提供播放视频的用户界面。属性包括:autoplay(控制自动播放)

  loop(播放后是否重播)html五个单标签。

  controls(显示用户界面)html5列表标签有哪些。

  width

  heightHTML5dl标签。

  <audio>代表声音或音频流。当标签不支持时,标签中的文本将显示。属性包括:autoplayhtml5开发用什么软件

  loop(播放次数为-1时循环播放)HTML5段落标签。

  controls

  volume(音量)HTML5方向标签。

  <source>为<video>或<audio>这类媒体元素指定媒体源。属性有src ype(指定资源的MIME类型)。编程标签大全。

  <track>为<video>或<audio>这类媒体元素指定文本轨道(字幕)。属性包括:

  kind(数据类型)srclang(track文本数据的语言)

  label列出可用性texttracks用户可以阅读为浏览器使用的texttrack标题。

  注意:任何两个track子元素的一个media元素都不能相同kind,srclang,和label属性。

  <canvas>代表位图区域,图形可以通过脚本实时呈现,如图表、游戏绘图等。

  <embed>代表应用程序或交互内容等嵌入式外部资源。属性包括:HTML文字颜色大全。

  width

  heighttypeMIME类型用于选择插件实例化。html5分割线标签。

  表单元素

  <meter>代表滑动条。显示实时状态。属性包括:

  value当前值,如果给定值不在最小值和**值之间,则其值等于其最接近的值。html5文字加粗。

  min默认值域的最小边界值为0

  max默认值域的**边界值为1htmlfloat用法。

  low当数值处于低值范围时,定义了低值范围的上限值low-min或high-max会呈现出不同的风格。HTML页面变黑。

  high定义了高值范围的下限值。

  optimum**值

  <output>代表计算值。HTMLclear。

  for其他影响计算结果的标签ID,可以多个。

  form与当前标签有关的form(从属表单)。该属性的值必须是当前文档中的表单元素ID。若该属性未指明,output标签必须是form的后代标签。该属性的用途是将output标签从form标签中分离出来,存在于网页文档的任何位置。h5标签大全。

  name

  <formoninput="result。value=parseInt(a。value) parseInt(b。value)">

  <inputtype="range"name="b"value="50"/> bootstrap默认表单。

  <inputtype="number"name="a"value="10"/>=html文字居中代码怎么写。

  <outputname="result"></output>

  </form>3<progress>代表进度条,代表任务过程,属性有max(任务总量)value。

  <datalist>用option标签为Input标记定义下拉列表。<details>创建一个挂件,只有当它被切换到扩展状态时,它才会显示其中包含的信息。ul li标签。

  <summary>它是details元素的子元素,表示其综述或标题。常用的html标签及作用。

  <mark>代表一段需要高亮引用的文字。

  <ruby>表示需要ruby标注的文本,如汉字及其拼音。

  <rt>表示ruby注释,如中文拼音。

  <rp>将文本插入ruby注释两侧,以便在不支持ruby注释显示的浏览器中提供友好的注释显示。html5常用标签。

  <ruby>夼<rp>(</rp><rt>kuang</rt><rp>)</rp></ruby>顺便一提,html5删除的元素:

  纯表现的:basefontigcenterfontsstrike tu

  对可用性有负面影响的:frameframeset oframes

  混淆:acronymappletisindexdir

  同时HTML它还重新定义了某些元素,改变了它们的语言内容,但表现保持不变。如b标签,i标签仍然是粗体和斜体,但它代表了一段需要注意的文本和一段不同性质的文本,如技术语和外语短语。

  HTML5属性变化

  新增类型

  emailurl el umber

  Datepickers:datemonthweek(iphone不兼容) imedatetime(UTC格式、安卓、安卓、i6 、PC端不兼容)datetime-local

  对PC端:range(水平杆两侧为min和和max)search(有内容的时候出现在右边×)color(颜色选择框)

  表单属性

  autocomplete属性:自动完成功能,适用于标签及以下类型的input标签:textsearchurl elemailpassworddatepickers angecolor

  <formautocomplete="on">//on为打开,Off为关闭

  </form>autofocus属性:域自动获取焦点,适用于所有类型的标签

  <inputautofocus="autofocus"/>multiple属性:多个值可在规定的输入域中选择,适用于emailfile类型的标签

  <inputtype="file"multiple="multiple"/>placeholder属性:提供描述输入域预期值的提示,适用于textsearchurl elemailpassword类型的标签

  <inputtype="text"placeholder="pleaseinputyourname!"/>required属性:规定输入域必须在提交前填写,并且必须按照相应域的格式,例如,email域必须要有@、邮件域。适用于textsearchurl elemailpassworddatepickersnumbercheckbox adiofile类型的标签

  <inputtype="email"requried="required"/>链接属性

  sizes

  <linkrel="icon"href="icon。gif"type="image/gif"sizes="16*16">

  ///网页头部标题logo,不同的分辨率可以根据不同的分辨率引用sizes

  //type图标的类型表明图标格式为gif3

  target

  <basehref="。。。"target="_blank">base标签写在head标签上。target属性控制整个页面所有超链接的默认打开方式(原来是_self),href指定页面中所有相对链接的基准URL;

  超链接属性

  media=“handheld(表示优化设备,handheld支持“手持”设备,tv支持“电视”设备);

  hreflang=“zh"(设置语言,zh表示为简体中文)

  rel=“external"(引用设置超链接,external表示为外部链接)

  其他属性

  <script>的属性

  defer:脚本加载后不执行(延迟执行),而是在整个页面加载后执行,只有ie兼容

  async:异步加载脚本,加载脚本后立即执行,而不是等到整个页面加载。

  如果async=“async与页面的其他部分相比,脚本是异步执行的(当页面继续分析时,脚本将被执行)

  如果不使用async,defer=“defer当页面完成分析时,脚本将执行

  如果不使用async,也不使用asyncdefer:在浏览器继续分析页面之前,立即读取并执行脚本

  <ol>的属性

  start:设置序号的起始值

  reversed:倒叙排列reversed=“reversed”

  <html>的属性:manifest

  <!DOCTYPEHTML>

  <htmlmanifest="demo。appcache"></html>3可以通过在页面中设置manifest属性或在manifest文件中添加页面来缓存此页面,这样我们就可以离线访问并获得更快的速度,因为缓存资源加载得更快。它还可以减少服务器负载。

  即使服务器上的文件被修改,浏览器也会继续显示缓存版本。为了确保浏览器更新缓存,需要更新manifest文件。

  style的属性scoped:内嵌CSS,它可以写在任何位置,而不仅仅是head。然而,这将违反我们低耦合的原则。

  <stylescoped><style>

  中企动力是一家专业的网络推广公司,我们拥有丰富的网络推广经验和专业的团队,能够为企业提供全方位的网络推广服务。我们为企业提供网站建设网站优化、平台推广等服务,帮中企动力业在网络上提升知名度、扩大影响力、提升销售额。如果您有网络推广的需求,欢迎联系中企动力加微信:CE4006608066,我们将竭诚为您服务。

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr