课程咨询:400-111-8989

  • HTML5开发常用的7个知识点

    发布:HTML5培训  来源:html5教程  时间: 2016年12月30日

  • HTML5的火热,从事HTML5开发的人员也越来越多。下面,小编总结了关于HTML5开发入门HTML的几个很重要的知识点,在日常的前端开发常常用到,并...

  • HTML5的火热,从事HTML5开发的人员也越来越多。下面,小编总结了关于HTML5开发入门HTML的几个很重要的知识点,在日常的前端开发常常用到,并且在大家面试的时候也会问的,记住这7个重要知识点,会帮助你在面试时优先录用。

    1网页结构

    网页结构一般都包含文档声明DOCTYPE,并且在head中的meta应该包含编码格式、关键字、网页描述信息。简单格式如下:

    < !DOCTYPE html>

    < html>

    < head>

    < meta charset="utf-8">

    < title>Hello World

    < /head>

    < body>

    < /body>

    JD首页的meta声明:

    < meta charset="gbk" />

    < meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!">

    < meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">

    包含charset编码格式,Keywords关键字,description网站描述。

    2自关闭元素

    < br>、< embed> 、< hr>、< img>、< input>、< link>、< meta>、< param>、< source>、< wbr>

    3布局最常用的两个元素

    (1)div:流布局使用;

    (2)span:文字块使用。

    4块级别元素和行级别元素

    块级别元素:是指开始在新的行,占领整行宽度。例如div默认是块级别block元素;

    行级别元素:仅仅维持内容的宽度,例如文字块的span元素;

    通过CSS的display属性声明元素显示级别,一般包括inline行级别、inline-block行内块元素、block、table块级别表格。

    5文字类元素

    (1)加粗元素:strong、b。例如:

    < p>< strong>Caution:< /strong> Falling rocks.< /p>< p>This recipe calls for < b>bacon< /b> and < b>baconnaise< /b>.< /p>

    (2)倾斜元素:和。例如:

    < !-- Stressed emphasis -- >

    < p>I < em>love< /em> Chicago!< /p>

    < !-- Alternative voice or tone -->

    < p>The name < i>Shay< /i> means a gift.< /p>

    6HTML5新增的结构化元素

    (1)结构化元素包括:< header >, < nav >, < article >, < section >, < aside >, < footer >。

    (2)元素级别:都是block级别元素,不包含样式,只用于结构化,每个页面可多次使用。

    (3)元素说明:header描述头部信息,nav用于导航模块,article用于可重新覆盖的新闻类内容块,section模块化,aside页面左或右模块,footer底脚模块。

    7页面内跳转

    如果需要跳转到页面指定的位置,可在该位置设置元素的id属性,然后为链接添加href="#id"。例如:

    < body id="top" >

    ...

    < a href="#top" >Back to top< /a >

    ...

    < /body >

    以上就是小编总结的HTML5面试基础题目,希望对大家有帮助。想学习HTML5开发的同学可以参加达内HTML5培训机构,免费试听,或者预约实地参观,与咨询老师面对面交流,便于试学者对达内课程有个更加全面细致的了解。

  • 上一篇:html5 推荐几款html5开发工具

    下一篇:关于HTML5新手应该知道的几点知识

网站导航
2001-2016 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56