概述
一、语义话标签
header:头部
article: 主体部分
aside:主体的附属信息，一般都是放侧边栏
section:内容区域
footer:页脚
二、功能性标签
address:作者信息
progress:进度条
mark:标记
dialog:定义一段对话
datalist:选项列表
****************************基本HTML页面结构
<script type="text/javascript">
document.createElement('header');
document.createElement('article');
document.createElement('aside');
document.createElement('section');
document.createElement('footer');
</script>
<style>
*{margin:0;padding:0;}
header{width:100%;height:100px;background:red;display: block;}
article{width: 100%;height:500px;background:darkgrey;display: block;}
aside{width:40%;height:100%;background:darkgoldenrod;float: left;display: block;}
section{width:60%;height:100%;background:cadetblue;float:right;display: block;}
footer{width:100%;height:100px;background: yellow;display: block;}
</style>
</head>
<body>
<header>头部</header>
<article>
<aside>侧边栏</aside>
<section>内容部分</section>
</article>
<footer>尾部</footer>
</body>
转载于:https://www.cnblogs.com/xiaoyangtian/p/7978800.html
最后
以上就是忐忑中心为你收集整理的Html-语义话标签的全部内容，希望文章能够帮你解决Html-语义话标签所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复