语义化结构元素(布局,推荐使用)
程序员文章站
2022-04-21 11:37:39
...
语义化结构元素
1.常用标签
序号 | 标签 | 名称 | 描述 |
---|---|---|---|
1 | <h1-6> |
标题 | 通常用来划分或标注内容中的文本段落 |
2 | <header> |
页眉 | 一般由导航 logo 等元素组成 |
3 | <footer> |
页脚 | 一般由友情链接,联系方式,备案号,版权等信息组成 |
4 | <nav> |
导航 | 导航通常由一个或多个链接标签<a> 标签组成 |
5 | <main> |
主体 | 展示页面主体内容,通常一个页面,建议只出现一次 |
6 | <article> |
文档 | 本义是文档,实际上可以充当其他内容的容器 |
7 | <aside> |
边栏 | 与主体无关的信息,管广告位,相关推荐,阅读排行等 |
8 | <section> |
区块 | 文档或主体中通用的小组件 |
9 | <div> |
容器 | 本身无任何语义,通过他的属性来描述用途 |
2.布局效果
缺乏CSS,暂时略
推荐阅读
-
1. 实例演示Ement常用语法 2. 实例演示元素四类属性 3. 实例演示布局标签,并分析div+class与 html5语义化标签的优缺点
-
Ement常用语法、元素四类属性、布局标签、div+class与 html5语义化标签的优缺点
-
1. 实例演示Ement常用语法 2. 实例演示元素四类属性 3. 实例演示布局标签,并分析div+class与 html5语义化标签的优缺点
-
.使用 HTML+CSS 实现如图布局,border-widht 5px,一个格子大小是 50*50,hover时候边框变为红色(兼容IE6+,考虑语义化的结构)_html/css_WEB-ITnose
-
Ement常用语法、元素四类属性、布局标签、div+class与 html5语义化标签的优缺点
-
.使用 HTML+CSS 实现如图布局,border-widht 5px,一个格子大小是 50*50,hover时候边框变为红色(兼容IE6+,考虑语义化的结构)_html/css_WEB-ITnose
-
语义化结构元素(布局,推荐使用)
-
语义化结构元素(布局,推荐使用)
-
详解HTML文档结构、元素与属性的关系、语义化的结构元素与文本元素,链接元素和列表元素的使用
-
语义化的HTML结构对布局的好处是什么?