摘要：前言通过之前的文章我们已经搭好了的雏形不过到目前为止我们的前端界面比较简单为此我们要学习前端的知识然后对界面进行改进前端的内容可以分为三部分我们首先学习简介什么是第五代语言为什么学所有主流浏览器都支持改变了用户与文档的交互方式尤其是多媒体替
前言
通过之前的文章, 我们已经搭好了 webapp 的雏形, 不过到目前为止, 我们的前端界面比较简单, 为此, 我们要学习前端的知识, 然后对界面进行改进.
前端的内容可以分为 HTML CSS JavaScript 三部分, 我们首先学习 HTML
什么是 HTML5 ———— 第五代 HTML 语言
为什么学 H5
所有主流浏览器都支持 h5, chrome, firefox, safari, IE10+
H5 改变了用户与文档的交互方式, 尤其是多媒体, 替代了传统的 flash, 多媒体标签 video, audio, canvas
增加了其他新特性
语义特性、本地存储、网页多媒体(音视频), 二位三维变换, 特效(过渡, 动画)
相比于 h4, 抛弃了不合理不常用的标签和属性, 增加了一些标签和属性, h5代码更加简洁(, )
header, nav, main, article, aside, footer. 更多标签可以查看这里 HTML Tags
语义化标签的例子
html
Title
This is header
article
css
*{
/*padding: 0px;
margin: 0px;*/
}
header{
width: 100%;
height: 100px;
background-color: red;
}
nav{
width: 100%;
height: 36px;
background-color: green;
}
main{
width: 100%;
height: 240px;
background-color: #ccc;
}
main > article{
width: 80%;
height: 100%;
background-color: purple;
float: left;
}
main > aside{
width: 20%;
height: 100%;
background-color: pink;
float: right;
}
footer{
width: 100%;
height: 80px;
background-color: skyblue;
}
IE9 将新的语义标签理解为行级元素, 在设置高度的时候是无效的, 需要在样式中转换为块级元素(block), 如
main{
display: block;
}
w3schools, HTML
黑马程序员 2018版Html5+Css3由浅入深教程
HTML Input Types
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/60677.html
Web前端开发是创建Web页面或app等前端界面呈现给用户的过程。第一阶段：前端基础（HTML / CSS / JavaScript / jQuery）初识HTML+CSS【学习笔记】HTML基础完结篇html基础知识——标签详解html基础知识——与用户交互!（表单标签）html基础知识——css样式①史上最全Html和CSS布局技巧面试题汇总 HTML+CSS篇CSS 最核心的几个概念纯HTM...
Web前端开发是创建Web页面或app等前端界面呈现给用户的过程。第一阶段：前端基础（HTML / CSS / JavaScript / jQuery）初识HTML+CSS【学习笔记】HTML基础完结篇html基础知识——标签详解html基础知识——与用户交互!（表单标签）html基础知识——css样式①史上最全Html和CSS布局技巧面试题汇总 HTML+CSS篇CSS 最核心的几个概念纯HTM...
Web前端开发是创建Web页面或app等前端界面呈现给用户的过程。第一阶段：前端基础（HTML / CSS / JavaScript / jQuery）初识HTML+CSS【学习笔记】HTML基础完结篇html基础知识——标签详解html基础知识——与用户交互!（表单标签）html基础知识——css样式①史上最全Html和CSS布局技巧面试题汇总 HTML+CSS篇CSS 最核心的几个概念纯HTM...
Web前端开发是创建Web页面或app等前端界面呈现给用户的过程。第一阶段：前端基础（HTML / CSS / JavaScript / jQuery）初识HTML+CSS【学习笔记】HTML基础完结篇html基础知识——标签详解html基础知识——与用户交互!（表单标签）html基础知识——css样式①史上最全Html和CSS布局技巧面试题汇总 HTML+CSS篇CSS 最核心的几个概念纯HTM...
Web前端开发是创建Web页面或app等前端界面呈现给用户的过程。第一阶段：前端基础（HTML / CSS / JavaScript / jQuery）初识HTML+CSS【学习笔记】HTML基础完结篇html基础知识——标签详解html基础知识——与用户交互!（表单标签）html基础知识——css样式①史上最全Html和CSS布局技巧面试题汇总 HTML+CSS篇CSS 最核心的几个概念纯HTM...
阅读 1029·2021-11-16 11:44
阅读 3605·2021-10-09 10:01
阅读 1529·2021-09-24 10:31
阅读 3474·2021-09-04 16:41
阅读 1044·2021-09-02 15:40
阅读 2352·2021-08-09 13:45
阅读 1061·2019-08-30 14:08
阅读 1664·2019-08-29 18:32
