首 页 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 尾 页

新手必学html5手机网站常用标签

发布者: superzhang | 发布时间:2017-11-25

H5语义化标签

<header></header> 定义文档的页眉(介绍信息)

2. <nav></nav> 定义导航链接的部分

3. <article></article> 定义独立的自包含内容。 页面独立的文章内容(帖子/博客文章/评论/新闻)等.

4. <section></section> 定义文档中的节(section、区段)。 比如章节、页眉、页脚或文档中的其他部分。

5. <hgroup></hgroup> 定义对网页或区段(section)的标题进行组合.

结构标签:

6. <figure></figure> 定义 独立的流内容(图像、图表、照片、代码等等),可以对元素进行组合.

<figcaption>对图片的描述</figcaption>

7. <aside></ aside> 定义侧边栏、广告、nav元素组,以及其他类似的内容部分

8. <footer></footer> 定义文档底部区域

HTML5 APP开发:接近原生性能的HTML5移动应用开发框架(Ionic)

学习ionic需要了解的知识:

HTML5

CSS3

TypeScript(

想读更多 ->

HTML5教程 - HTML5的语法

发布者: superzhang | 发布时间:2017-11-25

注:本文为系列连载文章

上一节:

HTML5教程 - HTML5的概述

HTML5 有“自己的” HTML 语法,它与已经发布在网络上的 HTML 4 以及 XHTML1 文档兼容,但是不兼 HTML 4 中更复杂的 SGML 特性。

HTML5 并没有 XHTML 中需要小写标签名,属性要带引号,属性必须有一个值以及必须闭合所有空元素的语法规则。

但是 HTML5 更具灵活性,支持下列形式:

标签名大写。

属性的双引号可选。

属性值可选。

闭合空元素可选。

DOCTYPE

在老版本的 HTML 中,DOCTYPE 很长,因为 HTML 语言是基于 SGML 的,需要引用一个 DTD。

HTML5 作者可以使用简单的语法来指定如下形式的 DOCTYPE:

HTML5开发必备的工具

A

想读更多 ->

什么是HTML5

发布者: superzhang | 发布时间:2017-11-25

自学编程,分享记录,欢迎大家关注头条号/自学编程,方便以后相互的交流学习。

什么是HTML5

头条号/自学编程

今天我们学习HTML5的第一课,什么是HTML5。

HTML5是HTML(超文本标记语言)的第五次更新的产品,这是一种解释型的语言,文件的扩展名的后缀为.htm或者.html的形式,这是众多厂商联合开发出来的产品,据说W3C将会在2022年推出标准版。虽然现在仍处于不断的完善中,但新增的新特性,新功能,不仅能节约Web开发者的时间和周期,还能提升用户的体验,更好的为开发者服务。

什么是HTML5

在HTML的时代,满屏的都是div元素,结构混乱,不易阅读,代码臃肿。在HTML5中,新增了许多语义化的布局标签,

想读更多 ->

HTML5基础知识(1)

发布者: superzhang | 发布时间:2017-11-25

现在做前端,如果说自己不会h5,你很有可能被你的客户嘲笑,说什么最新技术都不会!h5其实没什么,只不过是html技术的进一步发展,主要是增加了一些新的元素而已。

HTML5基础知识(1)

HTML5 <!DOCTYPE>

<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单,写法:<!DOCTYPE html>

新特性

HTML5 中的一些有趣的新特性:

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素,比如 article、footer、header、nav、section

新的表单控件,比如 calendar、date、time、email、url、search

HTML5 添加了很多语义元素如下所示:

标签描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。

想读更多 ->

HTML5好学吗?

发布者: superzhang | 发布时间:2017-11-25

HTML5是超文本语言HTML的第五次修订,是近几年web标准巨大的飞跃,如苹果、微软、谷歌、腾讯、百度、阿里等国内外IT巨头如苹果、微软、谷歌、腾讯、百度、阿里等国内外IT巨头都宣布支持HTML5。而自去年开始,越来越多的公司的注重用户体验这块,而用户体验这块主要谁来具体实现的呢,就是前端(也叫HTML5)开发工程师。所以越来越多的人想要学习HTML5 ,那么HTML5好学吗,要学的怎样才能够符合企业的用人标准呢?

HTML5好学吗?

在这里可以明确的告诉大家的是,HTML5入门很容易,但越到后面就越难了。也就是学容易,要想学精就比较难。此时,有人可能会忍不住会喷小编了:胡说,不就是学个HTML+CSS网页布局吗,这有何难?

这个一听就是外行,学会HTML+CSS网页布局,多也就算入门级别吧,勉强算个初级前端开发工程师。但是出去找工作就很难找到了,就算找着了也就顶天拿个3K-4K的月薪,简直惨不忍睹。这个学习起来的确不难,在有高人指导的情况下,一般20天左右即可学会,自学的话一个月也就差不多了。

想读更多 ->

《小白H5成长之路16》关于如何学习HTML5的一次探讨

发布者: superzhang | 发布时间:2017-11-25

《小白H5成长之路16》关于如何学习HTML5的一次探讨

昨天晚上有风雾霾吹的一点不剩,高楼在蓝天的映照下非常清晰高大。小白最近学习劲头很足,也没有心思出去玩,在路上一边走一边思考这几日的心得,走着走着就到了公司楼下。

“我再去练习练习吧!”心里想着就走进了公司,没想到正好碰到老朱加班。

“朱哥,周末过来加班啊!”

“唉~有个HTML5的小游戏要做,客户周一就要,没办法就过来了!”

“HTML5小游戏您是也是用之前教我的那些知识做的么?”,小白激动的问到。

“你现在学的是基础,做H5小游戏的时候肯定会用到,不过H5小游戏还会用到canvas画布和本地缓存,另外还有一些设计模式方面的技巧,你按照现在的进度不用多长时间就可以做到了!”

“真希望我们快点学会!这几天每天学基础知识感觉真正能上手的路还很远啊!”

“不要着急,路是一步一步走出来的,楼房也是一层一层盖起来的,基础不打好,做什么都是空谈!比如我现在正在看机器学习这本书,整本书从绪论开始全是各种算法,按理说这些算法

想读更多 ->

html5一篇足矣

发布者: superzhang | 发布时间:2017-11-25

html5一篇足矣

前言:万物之始,大道至简,演化至繁。水滴不染尘世浮华,方能纯净如冰川灵动如丝绒。落红不逐春日绚烂,方有一年春尽一年春。

一、html5的介绍

1.1介绍

html号称超文本标记语言,代表着浏览器技术发展的一个阶段。html版本1到版本5的更新迭代都是由组织W3C管理的。当时到html4.1的时候,W3C组织就声称不再更新版本了。而改用XHTML。但是由于浏览器的各种不兼容的问题,于是乎W3C这个组织就和其他的浏览器产商一起联合起来将这门语言再次更新到html5

比喻:

html5 >机器人的骨骼

css3 >机器人的外在修饰

js > 机器人的行为如行走、抬腿

Jquery > 封装好的控制行为的库,可以提高效率

1.2优势

易用性

支持视频和音频

互动性高

支持移动设备

未来的趋势

1.3开发工具

HBuild、W

想读更多 ->

HTML5网页布局神器Flexbox

发布者: superzhang | 发布时间:2017-11-25

随着移动互联网的迅速崛起,前端开发者不得不考虑为移动端设计一套符合移动用户阅读的方案,4K云电视的兴起,加上以前的桌面端,智能手表的普及,两端极化,四分天下。前端开发者必须提供四套方案,才能适应多种终端。这无疑增加了开发和维护的成本。而使用布局神器,开发出一套方案,就能适配多个终端,是前端开发者必备的技能之一。

HTML5网页布局神器Flexbox

布局神器

下面我们开始从三个方面来学习网页的布局神器。

布局神器是什么布局神器有什么作用布局神器的常用术语

下面来详细的学习一下:

布局神器是什么

布局神器Flexbox是Flexible Box的缩写,意为”弹性布局”,它为盒状模型提供了很大的灵活性,让任何一个容器都可以指定为Flex,是w3c定义的css弹性盒子布局,是css3中一种新的布局方式,虽然对低版本的浏览器不兼容,比如IE678,但这些浏览器逐渐退出历史舞台,可以完全不用考虑它们。

布局神器有什么作用

布局神器Flexbox可以方便简

想读更多 ->