如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
快速学会HTML5语言-33-HTML5新语法(实例)
如果帮到了你,投票,多多投票,谢谢。
工具/原料
- 电脑软件Sublime
- 链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g
- 密码:bpmk
方法/步骤
nav>标记,表示页面中导航链接的部分。
nav>/nav>
article>标记,表示页面中的一块与上下文不相关的独立内容,如博客中的一篇文章或报纸中的一篇文章。
article>/article>
HTML5新增纯语义性块级标记,aside、fgure、fgcaption、delog。
aside>标记,定义页面内容之外的内容,例如侧边栏,还可以用来表达注记、侧栏、摘要、插入的引用等作为补充主体的内容。
aside>
h3>最新文章/h3>
ul>
li>a href="#">文章标题/a>/li>
/ul>
/aside>
figure>标记,定义媒介内容的分组,以及它们的标题,figure>标记,表示一段独立的流内容,一般表示文档主题流内容中一个独立单元。使用figcaption标记和figure标记组添加标题。
先来看以前HTML4的做法,发现文字在p标记中和img标记各行其道,很难让人联想到这是标题。
img src="风景.jpg" alt="">
风景描述/
来看HTML5的写法,即可语义化联想到这是图片相对应的标题。
figure>
img src="风景.jpg" alt="">
figcaption>
风景描述/
/figcaption>
/figure>
dialog>标记,定义会话(对话),表示用户之间的对话,在HTML5中,dt>表示讲话者人物,dd>标记表示讲话者的内容。
dialog>
dt>张三问/dt>
dd>你们是怎么学习的?/dd>
dt>李四答/dt>
dd>每天进步一点点/dd>
/dialog>
注意事项
- 如果有疑问,请在下方评论,小编会回复。
- 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
- 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)
- gif动态图将重复播放。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 438 HTML