最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

HTML5初窥2之新元素

来源:动视网 责编:小采 时间:2020-11-27 15:09:03
文档

HTML5初窥2之新元素

HTML5初窥2之新元素:1. 块元素HTML5定义了8个新的HTML语义(semantic)元素,这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素,可以设置CSS的display属性为block:header, section, footer, aside, nav, main, article,figure{ d
推荐度:
导读HTML5初窥2之新元素:1. 块元素HTML5定义了8个新的HTML语义(semantic)元素,这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素,可以设置CSS的display属性为block:header, section, footer, aside, nav, main, article,figure{ d


1. 块元素

HTML5定义了8个新的HTML语义(semantic)元素,这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素,可以设置CSS的display属性为block:

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

2. 添加新元素

向HTML添加的新的元素,并为该元素定义样式,元素名为<myHero>:

<!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. 多媒体元素

标签

描述

<audio>

定义音频内容

<video>

定义视频(video 或者 movie)

<source>

定义多媒体资源 <video> 和 <audio>

<embed>

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

<track>

为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。


4. 画布元素

<canvas>

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


5. 新表单元素

标签

描述

<datalist>

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

<keygen>

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

<output>

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


6. 新的语义和结构元素

标签

描述

<article>

定义页面的侧边栏内容

<aside>

定义页面内容之外的内容。

<bdi>

允许您设置一段文本,使其脱离其父元素的文本方向设置。

<command>

定义命令按钮,比如单选按钮、复选框或按钮

<details>

用于描述文档或文档某个部分的细节

<dialog>

定义对话框,比如提示框

<summary>

标签包含 details 元素的标题

<figure>

规定独立的流内容(图像、图表、照片、代码等等)。

<figcaption>

定义 <figure> 元素的标题

<footer>

定义 section 或 document的页脚。

<header>

定义了文档的头部区域

<mark>

定义带有记号的文本。

<meter>

定义度量衡。仅用于已知最大和最小值的度量。

<nav>

定义运行中的进度(进程)。

<progress>

定义任何类型的任务的进度。

<ruby>

定义 ruby 注释(中文注音或字符)。

<rt>

定义字符(中文注音或字符)的解释或发音。

<rp>

在 ruby 注释中使用,定义不支持 ruby元素的浏览器所显示的内容。

<section>

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

<time>

定义日期或时间。

<wbr>

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

7. 已移除的元素

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

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

文档

HTML5初窥2之新元素

HTML5初窥2之新元素:1. 块元素HTML5定义了8个新的HTML语义(semantic)元素,这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素,可以设置CSS的display属性为block:header, section, footer, aside, nav, main, article,figure{ d
推荐度:
标签: html5 html 初窥
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top