HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域，是双标签类型，是双标签类型，默认显示为块状元素。
通用的布局标签：<div>。语义：无明确的含义，通常就是代表“盒子”；应用：根据布局的需要，可以使用到任何地方，可以用id和class来对<div>进行定义或区分。
HTML5版本新增的常用布局标签：
标签 语义
<header> 页面或区域的头部
<footer> 页面或区域的底部
<nav> 导航
<section> 文档中的章节、区段、板块等（类似div，但主要针对文档类区域）
<aside> 侧边栏
<article> 文章/文档
HTML5布局的优势：页面代码更加简单、高效；新布局标签本身具有的语义明确告知浏览器其在页面中的位置和结构意义，增强了对搜索引擎的友好型，提升SEO价值。
HTML5布局的缺点：老版本的浏览器不支持HTML5这类布局标签，如IE8或更早的版本。从兼容角度出发，目前多数站点扔使用<div>标签构建传统布局。
传统布局与HTML5布局和H5新语义标签 传统网页布局 H5 经典网页布局 H5新语义标签 输入类型 (表单类型，...
HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页...
html新增标签 一： H5基础 及 新变化 1.布局的语义化标签 article：标签装载显示一个独立的...
一、结构H5 的文档标签头部：最基础的结构如下： 二、布局关于布局CSS等相关的，这...
整体布局： 动态设置标签 工具类 补充
本篇内容： 1, h5中的基础标签； 2, h5中的列表标签； 3, h5中的表格标签； 4, h5中的表...
1.语义化标签总结 基础布局标签 注意：IE8以后不兼容H5标签，如果需要兼容IE8一下的浏览器，则需要如下操作：...
标签： h5——app 正文 App 可以分成三大类: 原生应用: Web 应用 混合应用
1）如何实现横向布局呢？ 在子标签加上float:left属性，再给父标签类名加上clearfix。 clearf...
H5开始对标签及属性的书写更加包容，同时新增了语义化的标签，也是为了替代纯div+css的布局，本文讲带大家一起学...
本文标题：h5布局类标签
本文链接：https://www.haomeiwen.com/subject/rfavxctx.html
网友评论