如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
快速学会HTML5语言-32-HTML5新语法（实例）
来源：互联网
2023-03-16 19:11:48 192
如果帮到了你，投票，多多投票，谢谢。
工具/原料
- 电脑软件Sublime
方法/步骤
1、HTML4语义结构代码如下，用DIV和id名划分结构，但是一眼望去全是DIV然后再看ID名才知道这块区域代码表示什么意思，还要绞尽脑汁取什么样的ID名，才能见名知意。
div id="header">/div>
div id="nav">/div>
div id="article">/div>
div id="section">/div>
div id="sidebar">/div>
div id="footer">/div>
2、接下来看HTML5的新语法。
header>/header>
nav>/nav>
article>/article>
section>/section>
aside>/aside>
footer>/footer>
跟HTML4相比较，代码编写量少了，更加语义化了。
这两段代码同样的效果。
3、HTML4由于缺少结构，即使是形式良好的HTML页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的DIV标记来表示。HTML5新增了一些新标记，专门用来标识这些常见的结构、不再需要为DIV的命名费尽心思，对于手机，阅读器等设备更有语义的好处。
4、接下来看HTML5的新增结构标记。section>标记，表示页面中一个内容区块，例如，章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等标记结合起来使用，标示文档结构。）
section>/section>
5、header>标记，表示页面中一个内容区块或整个页面的标题。
header>/header>
6、footer>标记，表示整个页面或页面中一个内容区块的脚注。一般来说，包含作者的姓名、创作日期、以及创作者联系信息。
footer>/footer>
注意事项
- 如果有疑问，请在下方评论，小编会回复。
- 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
- 输入完代码，一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)
- gif动态图将重复播放。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：如何将PDF文档转换为网页 下一篇：HTML5的fieldset标签怎么用
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 434 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)