HTML基础-跟着李南江学编程

HTML5定义了一组新的语义化的结构标记来描述网页内容。虽然语义化结构标记可以被HTML4标记进行替换，但是他可以简化HTML页面设计，明确的语义化更适合搜索引擎检索和抓取。

header：表示页面中一个内容区块或整个页面的标题
footer：表示整个页面或页面中一个内容区块的脚注。
section：表示页面中的一个内容区块，如章节、页眉、页脚或页面中的其他部分。
article：表示页面中的一块与上下文不相关的独立内容，如博客中的一篇文章
aside：表示article元素的内容之外的、与article元素内容相关的辅助信息
nav：表示页面中导航链接部分
main：表示网页中的主要内容。主要内容区域指与网页标题或应用程序中本页面主要功能直接相关或进行扩展的内容
figure：表示一段独立的流内容，一般表示文档主流内容中的一个独立单元。可以使用figcaption元素为figure元素组添加标题
video元素：定义视频，比如电影片段或其他视频流

<video src="movie.ogg" controls="controls">video元素</video>

HTML4中：

<object type="video/ogg" data="movie.ogv"><param name="src" value="movie.ogv" />
</object>

audio元素：定义音频，比如音乐或其他音频流

<audio src="someaudio.wav">audio元素</audio>

HTML4中：

<object type="application/ogg" data="someaudio.wav"><param name="src" value="someaudio.wav" />
</object>

bdi元素：定义文本的文本方向，使其脱离其周围文本的方向设置

HTML5中：

<ul><li>Username <bdi dir="rtl">Bill</bdi>:80 password</li><li>Username <bdi dir="ltr">Steve</bdi>:78 aaaaaa</li>
<ul>

menu元素：表示菜单列表。当希望列出表单控件时使用该标签

HTML5中：

<menu><li><input type="checkbox" />Red</li><li><input type="checkbox" />blue</li>
</menu>

track元素：定义用在媒体播放器中的文本轨道

例如：

<video width="320" height="240"><source src="myvideo.mp4" type="video/mp4"></source><source src="myvideo.ogv" type="video/ogg"></source><track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese" /><track kind="subtitles" src="suns_eng.str" srclang="en" label="English" />
</video>

我正在跟着江哥学编程,更多前端+区块链课程: www.it666.com

HTML基础-跟着李南江学编程相关推荐

前端基础1 - 跟着李南江学编程
前端基础1 - 跟着李南江学编程基础语法: ` Title <div> <dl> <dt> <a href="text.html"> ...
从零玩转HTML5+CSS3项目实战-跟着李南江学编程
从零玩转HTML5+CSS3项目实战-跟着李南江学编程 1.CSS高级应用 1.边框圆角的基本使用 1.1什么是边框圆角:将直角的边框变为圆角的边框 1.2边框圆角的格式:border-radius: ...
Bootstrap - 跟着李南江学编程
Bootstrap Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局.移动设备优先的 WEB 项目. Bootstrap 是一个用于 HTML.CSS 和 JS 开发的开源工具包.利 ...
【深度学习】ResNet残差网络 ResidualBlock残差块实现(pytorch) | 跟着李沐学AI笔记 | ResNet18进行猫狗分类
文章目录前言一.卷积的相关计算公式(复习) 二.残差块ResidualBlock复现(pytorch) 三.残差网络ResNet18复现(pytorch) 四.直接调用方法五.具体实践(ResN ...
动手学深度学习在线课程-跟着李沐学AI
动手学深度学习在线课程-跟着李沐学AI http://courses.d2l.ai/zh-v2/ 李宏毅<机器学习>中文课程(2022) https://hub.baai.ac.cn/vi ...
编程需要学计算机基础嘛,非计算机专业学编程需要什么基础?
"学编程需要什么基础?"这是困扰许多初学者的问题. 想学习编程的时候,有各种担心,担心完全没有接触过,不清楚能不能学会? 还担心用了一段时间学习,发现完全没学到什么?还担心学习的时 ...
零基础该怎样开始学编程？
说起这几年最火的行业,应该非互联网莫属,特别是随着5G.大数据.云计算的发展,IT向全行业渗透的速度更是日益加快,薪资水平也是水涨船高,于是很多朋友都想学编程,甚至很多非计算机相关专业的同学也想进入I ...
我都30岁了，零基础想转行去学编程，靠谱吗？
写在前面 "我都30岁了,零基础小白想转行去学编程,靠谱吗?" 这个问题我在各大论坛看到的频率很高. 对于这样的提问,有时候很难一两句话就可以说清楚,因为每个人的情况都不一样:就算 ...
小白快速变大神，零基础菜鸟应该怎么学编程
最近,在交流群里经常有苦逼小白问怎样学编程,对编程有兴趣但无从下手,这是个庞大到让大神们"无言以对"的命题.在知乎.CSDN等论坛上,许多同行也对此类问题进行了探讨,小编就其中认可 ...
【转】我都30岁了，零基础想转行去学编程，靠谱吗？
web小二 web前端开发我都30岁了,零基础小白想转行去学编程,靠谱吗? 这个是公号读者朋友咨询率最高的问题之一. 对于这样的提问,有时候很难一两句话就可以说清楚,因为每个人的情况都不一样:就算有 ...

HTML基础-跟着李南江学编程

HTML基础-跟着李南江学编程相关推荐

最新文章

热门文章