2026/5/24 10:06:49
网站建设
项目流程
网站备案的规定,深圳网络优化培训,cdn网站加速有用吗,在线表白网页制作3.9 HTML5常见新增标签
3.9.1 结构性标签
3.9.1.1 article
表示页面中的独立内容区域#xff0c;如博客文章、论坛帖子等。
使用方法#xff1a;article … 文章内容 … /article
特有属性#xff1a;无#xff0c;但通常包含标题#xff08;h1-h6#x…3.9 HTML5常见新增标签3.9.1 结构性标签3.9.1.1 article表示页面中的独立内容区域如博客文章、论坛帖子等。使用方法article… 文章内容 …/article特有属性无但通常包含标题h1-h6和可能的一个或多个section元素。3.9.1.2 header定义页面或内容区域的头部如网站logo、标题、搜索框等。使用方法header… 头部内容 …/header特有属性无3.9.1.3 nav定义导航链接部分如主导航、侧边栏导航等。使用方法nav… 导航链接 …/nav特有属性无3.9.1.4 section定义文档中的独立部分如章节、页眉、页脚等。使用方法section… 部分内容 …/section特有属性无3.9.1.5 footer定义页面或内容区域的底部如版权信息、友情链接等。使用方法footer… 页脚内容 …/footer特有属性无3.9.2 多媒体标签3.9.2.1 video用于嵌入视频内容。使用方法video srcmovie.mp4 controls您的浏览器不支持video标签。/video特有属性src视频文件URL。controls显示播放、暂停和音量控制。其他如autoplay、loop、muted等也常用。属性值描述autoplayautoplay如果出现该属性则视频在就绪后马上播放controlscontrols如果出现该属性则向用户显示控件比如播放按钮heightpixels设置视频播放器的高度looploop如果出现该属性则当媒介文件完成播放后再次开始播放mutedmuted规定视频的音频输出应该被静音posterURL规定视频下载时显示的图像或者在用户点击播放按钮前显示的图像preloadpreload如果出现该属性则视频在页面加载时进行加载并预备播放。如果使用autoplay则忽略该属性srcurl要播放的视频的 URLwidthpixels设置视频播放器的宽度3.9.2.2 audio用于嵌入音频内容。使用方法audio srcaudiofile.mp3 controls您的浏览器不支持audio标签。/audio特有属性与video类似如src、controls等。属性值描述autoplayautoplay如果出现该属性则音频在就绪后马上播放。controlscontrols如果出现该属性则向用户显示控件比如播放按钮。ooploop如果出现该属性则每当音频结束时重新开始播放。mutedmuted规定视频输出应该被静音。preloadpreload如果出现该属性则音频在页面加载时进行加载并预备播放如果使用autoplay则忽略该属性。srcurl要播放的音频的 URL3.9.2.3 source为video和audio元素定义多个媒体资源供浏览器选择最合适的媒体格式播放。使用方法通常与video或audio元素一起使用作为子元素。例如videowidth320height240controlssourcesrcmovie.mp4typevideo/mp4sourcesrcmovie.oggtypevideo/ogg您的浏览器不支持Video标签。/video在这个例子中video元素尝试播放两个视频文件movie.mp4 和 movie.ogg。浏览器会尝试加载并播放第一个source标签指定的文件在这种情况下是 movie.mp4。如果该文件无法加载可能是因为格式不受支持或文件不存在浏览器会尝试加载并播放第二个source标签指定的文件movie.ogg。type 属性用于指定媒体资源的 MIME 类型这样浏览器就可以提前知道哪个文件最可能被支持而无需尝试加载每个文件。虽然 type 属性不是必需的但提供它可以帮助浏览器更快地确定应该加载哪个文件。如果所有source标签指定的文件都无法加载那么会显示 元素内的文本内容在这个例子中是您的浏览器不支持Video标签。。同样的方法也适用于audio元素audiocontrolssourcesrcaudiofile.mp3typeaudio/mpegsourcesrcaudiofile.oggtypeaudio/ogg您的浏览器不支持Audio标签。/audio在这个例子中audio元素尝试播放两个音频文件audiofile.mp3 和 audiofile.ogg。浏览器会按照source标签的顺序尝试加载并播放这些文件。特有属性src媒体文件URL。type媒体文件类型MIME类型。3.9.3 表单标签3.9.3.1 datalist与input typelist结合使用定义输入字段的预定义选项列表。使用方法与input元素配合使用。特有属性无但包含option元素定义预定义选项。示例!doctypehtmlhtmlheadmetacharsetutf-8/title/title/headbodylabelformyColorWhats your favorite color?/labelinputtypetextnamemyColoridmyColorlistmySuggestion/datalistidmySuggestionoptionblack/optionoptionblue/optionoptiongreen/optionoptionred/optionoptionwhite/optionoptionyellow/option/datalist/body/html效果3.9.3.2 新表单控件类型如email、date、time、number、url、range、color等提供更具体的输入类型验证。使用方法如input typeemail、input typedate等。特有属性根据具体的控件类型可能有如min、max、step等属性。