HTML5入门01

最新推荐文章于 2024-07-21 14:57:54 发布
最新推荐文章于 2024-07-21 14:57:54 发布
阅读量238 收藏
点赞数
文章标签： html5 移动设备 跨平台 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piziliul/article/details/77924846
版权

  1. 概述:HTML的全称是HyperText Markup Language，超文本标记语言,其实它就是文本。2014年开始定制HTML5的标准,至今HTML5已经成熟(下面简称H5),H5设计的目的是为了在移动设备上支持多媒体等功能.使用H5的原因归结下来有以下几点:1.跨平台,H5的运行平台是浏览器,所以可以跨平台使用;2.H5新增加了很多功能,如Video,audiohe canvas等.
  2. H5常用的框架
    1. sencha-touch: 基于JavaScript编写的Ajax框架,该框架是世界上第一个基于HTML5的Mobile App框架
    2. phoneGap: 是一个基于HTML，CSS和JavaScript的Mobile App框架，是创建移动跨平台移动应用程序的快速开发平台。业界很多主流的移动开发框架均源于PhoneGap。较著名的有Worklight、appMobi、WeX5等
    3. jQuery mobile: 是jQuery 框架的一个组件（而非jquery的移动版本）。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台
    4. Bootstrap: 是目前最受欢迎的前端框架（移动先行）。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷
  3. H5的组成
    <!DOCTYPE html>
<!--根标签-->
<html lang="en">
    <!--头部-->
    <head>
        <!--编码格式-->
        <meta charset="UTF-8">
        <!--网页主题-->
        <title>百度一下,你就知道</title>
    </head>
    <!--身体主体-->
    <body>
        <!--内容-->
        <div>Hello world!</div>
    </body>
    <!-- 尾部-->
    <footer></footer>
</html>
  4. 常见的H5标签(单标签:不是容器 格式<> ;双标签:是容器 格式:<> </>)
    1. 标题:h1,h2,h3,h4,h5.h6
    2. 段落:p
    3. 表单:input
    4. 图片:img
    5. 链接:a
    6. 换行:br
    7. 列表:ul,ol,li
    8. 容器:div,span(用来容纳其他标签)
    9. 横线:hr
    10. 表格:table,tr,td
      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!-- 1. 标题:h1,h2,h3,h4-->
    <h1>我是h1标题</h1>
    <h2>我是h2标题</h2>
    <h3>我是h3标题</h3>
    <h4>我是h4标题</h4>
    <!-- 2. 段落:p-->
    <p>我是段落标签</p>
    <!-- 3. 表单:input-->
    <input><br>
    <input placeholder="占位符"><br>
    <input value="默认值"><br>
    <input type="color"><br>
    <input type="checkbox">
    <input type="button" value="button1"><br>
    <!-- 4. 图片:img 本地图片和网络图片-->
    <img src="./image/0.jpg" alt="图片加载失败时显示"><br>
    <img src="http://mpic.tiankong.com/ea3/45a/ea345a473751210f63e69062d0f0dcb9/640.jpg" alt="" width="270px">
    <!-- 5. 链接:a-->
    <a href="#" target="_top">百度一下,你就知道</a>
    <!-- 6. 换行 :br-->
    <!-- 7. 列表-->
    <!--无序列表-->
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <!-- 有序列表-->
    <ol type="A">
        <li>我是li-1</li>
        <li>我是li-2</li>
        <li>我是li-3</li>
        <li>我是li-4</li>
    </ol>
    <!-- 8. 容器-->
    <div>我是div容器</div>
    <div>我是div容器</div>
    <div>我是div容器</div>
    <div>我是div容器</div>
    <span>我是span容器</span>
    <span>我是span容器</span>
    <span>我是span容器</span>
    <span>我是span容器</span>
    <!-- 9. 横线 :hr-->
    <hr>
</body>
</html>
  5. H5常用的标签的使用
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <p>显示度量值:</p>
    <meter value="3" min="0" max="10"></meter>
    <br>
    <meter value="0.6" min="0" max="1.0"></meter>
    <!-- 下载进度-->
    <progress value="80" max="100"></progress>
    
    <!-- video s视频-->
    <video src="./image/BigBuck.m4v" autoplay="autoplay" loop ="loop" width="500px" height=" 500px">
    </video>
</body>
</html>
    -一篇新闻-->
    <article>
        <!--新闻的头部-->
        <header>
			
        </header>
        <!--内容部分-->
        <div>
            <!--第一章节-->
            <section>

            </section>
            <!--第二章节-->
            <section>

            </section>
        </div>
        <!--尾部-->
        <footer>

        </footer>
    </article>
  6. H5新增的标签:新增了27个标签,废除了16个标签主要包括结构性标签,行内语义性标签,交互性标签;
    1. 结构性标签:负责Web上下文结构的定义,包括:
      1. article:文章主体内容(一篇博客、一篇论坛帖子、一段用户评论、插件)
      2. header:标记头部区域内容, 注意：与 head 不一样
      3. footer:标记脚布局区域内容
      4. section:区域章节表述
      5. nav:菜单导航,链接导航
    2. 块级性标签:完成Web页面区域的划分，确保内容的有效分隔，包括:
      1. aside :注记,贴士,侧栏,摘要,插入的引用作为补充主体的内容
      2. figure:  对多个标签组合并展示,常与figcaption联合使用
      3. code :表示一段代码
      4. dialog :人与人之间对话,包含dt和dd两个组合元素（dt用于表示说话者、dd用于表示说话者的内容）
    3. 行内语义性标签:完成Web页面具体内容的引用和表述，丰富展示内容，包括：
      1. meter 特定范围内的数值，如工资、数量、百分比
      2. time 时间值
      3. progress 进度条，可用max、value进行控制
      4. video 视频元素，用于视频播放，支持缓冲预载和多种视频媒体格式
      5. audio 音频元素，用于音频播放，支持缓冲预载和多种音频媒体格式
    4. 交互性标签:功能性内容的表达，有一定的内容和数据的关联，是各种事件的基础，包括:
      1. details 表示一段具体的内容，默认不显示，通过某种方式（单击）与legend交互才会显示
      2. datagrid 控制客户端数据与显示，可用于动态脚本及时更新
      3. menu 用于交互菜单
      4. command 用来处理命令按钮
  7. CSS样式:CSS的全称是Cascading Style Sheets, 层叠样式表,它用来控制HTML标签的样式，在美化网页中起到非常重要的作用.
    1. CSS的编写格式:采用键值对的形式,如下:
      <!-- 单值  -->
color: red;
background-color: blue;
font-size: 20px;

<!-- 复合值  -->
border:3px solid red;
    2. CSS的三种书写形式:
      1. 行内样式:（内联样式）直接在标签的style属性中书写
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="color: blue">div标签</div>
</body>
</html>
      2. 页内样式：在本网页的style标签中书写。style标签一般放在head标签中
        <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            /*边界*/
            border: 1px solid green;
            /*背景*/
            background-color: bisque;
            color: white;
        }
    </style>
</head>
<body>
<div>div标签1</div>
<div>div标签2</div>
<p>p标签</p>
</body>
</html>
      3. 外部样式：在单独的CSS文件中写，然后在网页中用link标签引用。link标签一般在放在head标签中
        <html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--引入外部样式-->
    <link href="./css/index.css" rel="stylesheet">
</head>
<body>
<div>div标签</div>
<div>div标签</div>
<div>div标签</div>
<p>p标签</p>
<p>p标签</p>
<p>p标签</p>
</body>
</html>
        外部样式
        div{
    background-color: green;
    color: white;
    border: 2px solid blue;
}
p{
    background-color: green;
    color: white;
    border:1px solid;
    border: 1px solid blue;
}
  8. CSS的选择器:通过选择器,找到对应的标签,设置样式.下面简单介绍一些常用的选择器:
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* 1. 标签选择器:选选择网页中所有的div标签*/
        div{
            color: green;
            background-color: white;
            border: 1px solid blue;
        }
        /* 2. 类选择器*/
        .test3{
            color: aqua;
        }
        /* 3. id选择器*/
        #wakaka{
            color: rebeccapurple;
        }
        /* 4. 并列选择器:案例表示div和所有的test2的所有样式*/
        div,.test2{
            color: blue;
        }
        /* 5. 符合选择器  案例表示div且是test2类的样式*/
        div.test2{
            color: green;
        }
        /* 6. 后代选择器 案例表示div直接内部或非直接内部的p标签的样式*/
        div p{
            color: rebeccapurple;
        }
        /* 7. 直接后代选择器 案例表示div的直接内部p标签*/
        div>p{
            color: red;
        }
        /* 8. 相邻兄弟选择器 案例表示div后面的相邻的p标签*/
        div + p{
            color: greenyellow;
        }
        /* 9. 属性选择器 */
      /* /*案例表示含有name属性的div标签的样式(和name属性值无关)*/
        div[name]{
            color: cadetblue;
        }
      /*案例表示含有name属性,且包含age属性的div样式*/
      div[name][age]{
          color: red;
      }
      /*案例表示含有name属性,且name的属性值为javak的div标签的样式*/
      div[name="jack"]{
          color: red;
      }
        /* 10. 伪类选择器 格式:选择器:属性{} 属性:active,focus,hover,link,visited,first-child,lang*/
      /*案例表示当该标签获得焦点的时候显示边框*/
        input:focus{
            outline: none;
            border:1px solid orange;
        }
         11. 伪元素选择器 格式;选择器:属性{} 属性:first-letter,first-line,before,aftre
      /*案例表示第一字母的尺寸大小*/
        #wakaka:first-letter{
            font-size: 30px;
        }
        /*案例表示首位添加某字段*/
        #wakaka:before{
            content: '你好';
        }
    </style>
</head>
<body>
    <div id="wakaka">我是div标签1</div>
    <div class="test2">我是div标签2</div>
    <div class="test2 test3 test4">我是div标签3</div>
    <div name="jack" age="22">我是div标签4</div>
    <div name="rose">我是div标签5</div>
    <div>
        <p>div里面的p标签</p>
        <span>
            <p>div里面的span的内部的p标签</p>
        </span>
    </div>
    <p>div外面的p标签</p>
    <input type="text">
<p class="test2">我是一个p标签1</p>
<p class="test3">我是一个p标签2</p>
<p>我是一个p标签</p>
</body>
</html>
  9. CSS选择器的优先级
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*  *表示通配符 0 */
        *{
            color: red;
        }
        /*  标签  1 */
        div {
            color: green;
        }
        /*  类  10 */
        .test1{
            color: blue;
        }
        /*   属性  10+ */
        div[class]{
            color: aqua;
        }
        /*  id   100 */
        #main{
            color: palegreen;
        }
        /*  important   1000 */
        div {
            color: palevioletred !important;
        }
    </style>
</head>
<body>
<div id="main" class="test1">选择器的优先级测试</div>
</body>
</html>
    同一个级别选择器的针对性越强，它的优先级就越高,行内样式 > 页内样式 | 外部样式 ;页内样式 与 外部样式 的优先级别是：层叠原则和就近原则.优先级的排序:important（1000） > 行内样式（999）> id > 类 > 标签 | 伪类 | 属性选择 |伪元素 > 通配符 > 继承
  10. HTML的标签类型:HTML有N多标签，根据显示的类型，主要可以分为3大类:块级标签,行内标签,行内-块级标签
    1. 标签分类:
      1. 块级标签:块级标签独占一行的标签能随时设置宽度和高度（比如div、p、h1、h2、ul、li）
      2. 行内标签:行内标签（内联标签）多个行内标签能同时显示在一行 , 宽度和高度取决于内容的尺寸（比如span、a、label）;
      3. 行内-块级标签:行内-块级标签（内联-块级标签）多个行内-块级标签可以显示在同一行 , 能随时设置宽度和高度（比如input、button、img）
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 200px;
            height: 60px;
            background-color: red;
        }
        p{
            width: 200px;
            height: 60px;
            background-color: green;
        }
        span{
            width: 200px;
            height: 60px;
            background-color: blue;
        }
        a{
            width: 200px;
            height: 60px;
            background-color: aqua;
        }
        input{
            width: 200px;
            height: 60px;
            background-color: fuchsia;
        }
        button{
            width: 200px;
            height: 60px;
            background-color: greenyellow;
        }
    </style>
</head>
/** 标签的类型: 1.块级标签:独占一行的标签,可以随时设置宽高(如:div,p,h1,h2,ul) ;
                2.行内标签(内联标签):多个行内标签能同时显示在一行,宽高的尺寸取决于内容的尺寸(如:span,a,label)
                3.行内-块级标签:多个行内-块级标签可以显示在同一行,能随时设置宽高(input,button,img)*/
<body>
    <!-- 块级标签-->
    <div>div 标签(块级标签)</div>
    <p>p 标签</p>
    <!-- 行内标签-->
    <span>p标签(行内标签)</span>
    <a href="#">a 标签(行内标签)</a>
    <!-- 行内-块级标签-->
<input type="text">
<button>button 标签(行内-块级标签)</button>
</body>
</html>

    2. 修改标签显示的类型:CSS中有个display属性，能修改标签的显示类型：
      1. none：隐藏标签
      2. block：让标签变为块级标签,主要针对行内标签和行内-块级标签
      3. inline：让标签变为行内标签,主要针对块级标签
      4. inline-block：让标签变为行内-块级标签（内联-块级标签） 主要针对块级标签 和行内标签
      5. 注意:行内-块级标签只能改变成块级标签
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            width: 200px;
            height: 60px;
            background-color: red;
            /*块级标签-->行内标签*/
            display: inline;
            /*块级标签-->行内-块级标签*/
            /*display: inline-block;*/
        }

        p {
            width: 200px;
            height: 60px;
            background-color: green;
            /*块级标签-->行内-块级标签*/
            display: inline-block;
        }

        span {
            width: 200px;
            height: 60px;
            background-color: blue;
            /*行内标签-->行内-块级标签*/
            display: inline-block;
        }

        a {
            width: 200px;
            height: 60px;
            background-color: aqua;
            /*行内标签 -->块级标签*/
            display: block;
            /*行内标签-->行内-块级标签*/
            /*display: inline-block;*/
        }

        input {
            width: 200px;
            height: 60px;
            background-color: fuchsia;
            /*行内块级标签-->块级标签*/
            display: block;
        }

        button {
            width: 200px;
            height: 60px;
            background-color: greenyellow;
            /*行内块级标签-->块级标签*/
            display: block;
        }
    </style>
</head>
<body>
<!-- 块级标签-->
<div>div 标签(块级标签)</div>
<p>p 标签(块级标签)</p>
<!-- 行内标签-->
<span>p标签(行内标签)</span>
<a href="#">a 标签(行内标签)</a>
<!-- 行内-块级标签-->
<input type="text">
<button>button 标签(行内-块级标签)</button>
</body>
</html>

  11. CSS标签中的属性:
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 100px;
            height:100px;
            background-color: aqua;
            /*位置的显示和隐藏*/
            /*!*位置依然存在*!
            visibility: hidden;
            !*位置不存在*!
            display: none;*/
            cursor: move;
            color: white;
            font-family: "Helvetica Neue",  Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif , Arial;
            font-size: 20px;
            font_weigth:300;
            /*字体的装饰*/
            text-decoration: line-through;

            /*首行缩进*/
            text-indent: 30px;

            /* 水平居中*/
            text-align: left;

            /*背景*/
            background: url("./image/0.jpg") no-repeat;
            /*背景的缩放*/
            background-size: 100% 100%;
        }
        p{
            width: 100px;
            height: 100px;
            background-color: yellow;
        }
        a{
            /* 字体没有装饰*/
            text-decoration: none;
            color: orange;
        }
        ul{
            /* 使得LI标签没有任何样式*/
            list-style: none;
        }
    </style>
</head>
<body>
<div>div标签</div>
<p>p标签</p>
<a href=""> a标签</a>
<ul>
    <li>li-1标签</li>
    <li>li-2标签</li>
    <li>li-3标签</li>
</ul>
</body>
</html>

    1. 属性的分类:根据继承性,可以分为两大类:
      1. 可继承属性: 父标签的属性值会传递给子标签一般是文字控制属性
      2. 不可继承属性:父标签的属性值不能传递给子标签一般是区块控制属性
    2. 可继承属性包含:内联标签可继承父亲下面属性：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction ;块级标签可继承父亲下面属性：text-indent、text-align;列表标签可继承父亲下面属性：list-style、list-style-type、list-style-position、list-style-image等.
      <!DOCTYPE html>
<html lang="en">
<head>
    <!-- 可继承属性: 父标签的属性值会传递个子标签,一般是文字控制属性-->
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            width: 200px;
            height: 200px;
            background-color: aqua;
            /*可继承的属性*/
            color: white;
            font-size: 26px;
            font-weight: bold;
        }
        p{
            background-color: blue;
        }
    </style>
</head>
<body>
    <div>
        div 标签
        <p>p标签是div的子标签1</p>
        <p>p标签是div的子标签2</p>
        <p>p标签是div的子标签3</p>
    </div>
</body>
</html>
    3. 不可继承属性包含:display、margin、border、padding、background、background-size、height、min-height、max-height、width、min-width、max-width
      overflow、position、left、right、top、bottom、z-index、float、clear等.
      <!DOCTYPE html>
<html lang="en">
<head>
    <!-- 不可继承属性: 父标签的属性值不能传递个子标签,一般是 区块控制属性-->
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            /*不可继承属性*/
            width: 200px;
            height: 200px;
            background-color: aqua;
            margin-top: 60px;
            /*可继承的属性*/
            color: white;
            font-size: 26px;
            font-weight: bold;
        }
        p{
            background-color: blue;
        }
    </style>
</head>
<body>
<div>
    div 标签
    <p>p标签是div的子标签1</p>
    <p>p标签是div的子标签2</p>
    <p>p标签是div的子标签3</p>
</div>
</body>
</html>
  12. 盒子模型:网页上的每一个标签都是一个盒子, 比如:（div , p , h1 , a , img .... ）
    1. 两种盒子模型的区别:IE盒子模型:默认盒子的大小=内容+填充+边框;标准盒子模型:默认盒子的大小=内容
    2. 盒子(标签)的CSS属性:
      1. 控制内容(content)
      2. 控制填充(padding,内边距)
      3. 控制边框(border)
      4. 控制边界(margin,外边距)
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 200px;
            height: 200px;
            /* 内边距*/
            padding: 15px 0 0 15px;
            /*外边距*/
            margin: 10px 0 0 10px;
            /*边框*/
            border: 2px solid blue;
            background-color: aqua;
            /*居中*/
            margin: 0 auto;

            /*最大最小宽度*/
            max-width: 1000px;
            min-width: 400px;
        }
    </style>
</head>
<body>
<div>div标签</div>
</body>
</html>

  13. CSS的新增特性
    1. RGBA透明度: RGB(红色R+绿色G+蓝色B),RGBA则在其基础上增加了Alpha通道，可用于设置透明值(0 - 1)块
    2. 圆角:border-radius
    3. 阴影:box-shadow text-shadow
    4. 内边框图片:border-image
    5. 动画: transform:
      1. webkit-transition 过度效果
      2. webkit-transform-origin 参照坐标
      3. webkit-transform 动画效果
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            width: 120px;
            height: 120px;
            margin: 10px 0 10px 0;
            background-color: aquamarine;
            /*设置圆角*/
            border-radius: 60px;
            background: url("./image/0.jpg") no-repeat center center;
        }

        .test1 {
            background-color: rgba(200, 0, 0, 8);
        }

        .test2 {
            background-color: rgba(200, 0, 0, 6);
        }

        .test3 {
            background-color: rgba(200, 0, 0, 4);
        }

        .test4 {;
            background-color: rgba(200, 0, 0, 2);
        }
        /*伪类选择器*/
        div:hover{
            box-shadow: 0px 0px 10px red;
        }
        p{
            color: orange;
            font-size: 35px;
            /*阴影*/
            text-shadow: -3px -3px 5px yellow;
        }
    </style>
</head>
<body>
<div class="test1"></div>
<div class="test2"></div>
<div class="test3"></div>
<div class="test4"></div>
<p>世界那么大,我想去看看</p>
</body>
</html>

piziliul
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML从入门到精通
cgblpx的博客
06-01 4万+
目录 1 前端技术： 1 1.1 学习方法 1 1.1.1 前端要怎么学？ 1 1.1.2 前端技术栈 5 1.2 HBuilderX 7 1.2.1 介绍 7 1.2.2 安装 7 1.2.3 主题 9 1.2.4 字体 9 1.2.5 去掉px转rem提示 9 1.2.6 备注字体颜色 10 1.2.7 项目结构 11 1.2.8 jQuery语法支持 11 1.3 Web概述 12 1.4 静态页面HTML 13 1.4.1 概念 13 1.4.2 结构 13 1.4.3 入门案例 14 1.4.4
H5(html5)入门教程
热门推荐
DAIYA_JIE的博客
09-11 1万+
html零基础01
HTML5入门
寻梦&之璐
05-08 6440
文章目录新增元素与属性新增元素optimum ，high，low值：总结：value和optimum在同一区间：显示绿色；value和optimum相差一区间：显示黄色；value和optimum相差两区间：显示红色新增表单功能选项列表必填字段正则匹配类型匹配数字字段滑动组件日期字段时间字段拾色器HTML5图形图像元素 新增元素与属性 页面一般使用<div>元素作为结构元素，而在HTML5文档中，新增<article>,<section>,<nav>,&lt
HTML5入门及基础01
08-27
HTML5入门及基础01，使用的工具是sublime，基础练习展示！
html5入门到精通 视频教程
06-28
html5入门到精通 视频教程 下载网盘：http://pan.baidu.com/s/1sllC6TJ 目录: HTML5介绍 HTML5开发教程-1.相关概念和准备工作 HTML5开发教程-2.HTML5基础 HTML5开发教程-3.HTML核心元素1 HTML5开发教程-4.HTML...
HTML基础入门教程.zip
04-19
HTML5还引入了离线存储（Offline Storage）功能，如localStorage和sessionStorage，以及新的媒体元素，如和，它们使得在网页中嵌入音频和视频变得简单直接。 在学习HTML的过程中，你不仅要掌握语法和结构，还要理解...
laravel5入门
08-16
以上就是Laravel 5入门的一些关键知识点，希望对你理解和学习Laravel有所帮助。随着你深入探索，你会发现更多Laravel的魅力，比如Elasticsearch集成、Redis缓存、邮件服务、测试框架等。祝你在Laravel的世界里开发...
Tarea01:入门读本
03-13
10. HTML5新特性：HTML5引入了许多新元素，如、、、，增强语义性；用于图形绘制，和支持多媒体播放；离线存储Web Storage和离线应用App Cache也是其亮点。 "Tarea01:入门读本" 将引导你逐步学习这些概念，通过实践...
HTML5笔记
喵喵的博客
07-19 1667
HTML5 什么是HTML5 定义 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改 环境 支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力 目的 HTML5的设计目的是为了在移动设备上支
HTML5应用的安全防护策略与实践
@云安全小杜
07-17 479
随着HTML5及其相关技术（如CSS3和JavaScript）的普及，Web应用变得越来越强大和复杂，同时也成为黑客攻击的目标。本文将探讨HTML5应用面临的常见安全威胁，以及如何通过最佳实践和代码示例来增强应用的安全性。
HTML5实现好看的天气预报网站源码
xcLeigh
07-18 945
HTML5实现好看的天气预报网站源码，天气预报大作业，网站源码，天气预报网站，天气预报网站源码，这里可以灵活配置要显示的省市区的天气预报，这里用的是北京、上海、广州、深圳、台湾五个地区的天气预报。免费的数据接口，数据API，童话故事API，笑话API，名言API，提供免费天气预报接口，各种新闻资讯类、生活服务类、趣味娱乐类、功能应用类、知识问答类、数据智能类等API接口数据提供。兼容手机端和PC网页端。各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
【Android系统启动】 Android Zygote 进程启动流程源码解析
thirdbro的博客
07-17 724
在 userdebug 版本中，如果 persist.debug.dalvik.vm.jdwp.enabled 为 1，则所有应用均可使用 JDWP 和 ptrace 进行调试。题外话， 之前找zygote源码的时候，本来想直接通过进程名找这个模块的源码，结果发现根本没有zygote这个名字的命令。通过命令查找到对应的进程目录发现，原来的进程的名字当时编译为。通过上面传下来的参数，“com.android.internal.os.ZygoteInit”，可以得知Java层的包名，以此找到Java代码。
【Android】视图与常用控件总结
Patrick_yuxuan的博客
07-17 959
属性名描述android:id为视图分配唯一的ID，用于在代码中引用设置视图的宽度设置视图的高度设置视图的外边距设置视图的内边距设置视图在其父视图中的对齐方式（仅适用于ViewGroup的子视图）设置视图内容的对齐方式设置视图的背景颜色或图片设置视图的可见性（visibleinvisiblegone设置视图在线性布局中的权重（仅适用于设置视图是否与父视图的顶部对齐（仅适用于设置视图是否与父视图的底部对齐（仅适用于设置视图是否在父视图中居中（仅适用于设置视图在另一视图的下面（仅适用于。
Android GlSurfaceView渲染YUV图形
wolf0706的专栏
07-19 199
OpenGL ES 2.0 的代码，用来显示YUV格式的视频数据。这个示例将包括初始化OpenGL环境、加载Shader程序、绘制纹理等步骤。
Android中接入hook框架：lancet-base
最新发布
冰雪世界
07-21 163
me.ele:lancet-base是"饿了么"开发的Android平台的开源hook框架，GitHub地址为：https://github.com/eleme/lancet。 此框架的优点如下： 1.编译速度快, 并且支持增量编译。 2.简洁的 API, 几行 Java 代码完成注入需求。 3.没有任何多余代码插入 apk。 4.支持用于 SDK, 可以在SDK编写注入代码来修改依赖SDK的App。 接入me.ele:lancet-base框架的步骤如下： 1.在项目根目录的build.gradle
聊聊不再兼容安卓的鸿蒙
学无止境，止于至善
07-17 598
虽然鸿蒙开发在某些机构和媒体的宣传下被描绘得门槛高、收入高，但实际上，智能终端开发的原理和思路都是相似的。毕竟，安卓、iOS以及前端程序员的存量还在那里，他们的经验和技能都是宝贵的财富，他们转型鸿蒙开发的难度不大。然而，这也催生了新的机遇，因为将会有更多的程序员开始投入到鸿蒙的开发中来，成为鸿蒙程序员。因此，虽然鸿蒙的更新和变化给开发者们带来了新的挑战，但同时也带来了更多的机遇。我们只需要保持学习的态度，积极适应新的技术和环境，就能够在这个变化中抓住机遇，取得更大的成功。
Android init.rc如何并行执行任务
netwalk的专栏
07-17 1103
在 Android 系统中，init.rc 是一个重要的启动脚本，用于定义系统启动时需要执行的服务、操作和初始化任务,也是用来配置系统启动时的各种服务、属性和动作的脚本文件。虽然 init.rc 文件本身是一个序列化的配置文件，init.rc 文件中的命令通常按顺序执行，但 Android 的 init 进程和 init.rc 文件中的机制允许一定程度的并行执行任务，通过特定的机制，Android 也支持并行执行 init.rc 中的命令。
HTML入门教程：基础概念与实战示例
这部分代码演示了如何声明一个HTML5文档（`<!DOCTYPE html>`），以及HTML页面的基本结构，包括`<html>`（根元素）、`<head>`（包含元数据，如字符集设置`<meta charset="utf-8">`和页面标题`<title>`）和`<body>`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值