美文网首页资源
前端实习面试准备——HTML(1)

前端实习面试准备——HTML(1)

作者: anthozoan77 | 来源:发表于2015-03-25 23:58 被阅读136次
周六第一次面试,看书准备基础知识,随手整理,Markdown真不错,希望面试顺利!

Chapter 1 为WEB结构化文档


  1. 布尔特性:HTML5中存在一些不是由“名称/值”对组成,而只有一个名称组成的特性。这些特性被称为“不二特性”,如“required”或者“checked”

  2. 核心特性:id title class style

  3. 构成HTML文档基础的四个主要元素:<html><head><title><body>

    1. <html>元素是整个HTML文档的包含元素(containning element)
    2. <head>元素仅仅是其它所有头部元素的容器。每个<head>元素内都应包含一个<title>元素,还可以包含以下元素的任意一种按任意顺序出现的组合:
      • <base>
      • <link>:用于链接外部文件,例如样式表:<link rel="stylesheet" href="css/main.css">
      • <style>:用于在文档内包含CSS规则
      • <script>:用于在文档内包含脚本
      • <meta>:包含文档的相关信息
    3. <title>:搜索引擎使用其内容帮助建立索引
    4. <body>:包含了实际浏览器主窗口中看到的部分
  4. 关于DOCTYPE:DOCTYPE(即“文档类型”,DOCumentTYPE),告知浏览器在用户显示文档时应使用何种规则。这些规则称为“模式(mode)"。HTML5将浏览器设置为“严格模式”(strict mode)的DOCTYPE。另一个常见的模式是“兼容模式”(quirks mode)

  5. 文本格式化

    1. <pre>:预格式化文本,任何位于<pre>开标签和</pre>闭标签之间的文本都会保持其在源文件中的格式。大多数浏览器默认会使用等宽字体显示这种文本(Courier字体就是一个等宽字体的例子,每个字母占用相同的宽度)。<pre>元素最常用于显示计算机源码。
  6. 理解块级元素与行内元素

    • 块级(Block-level)元素在屏幕上显示时,就好像在它的首部都有一个换行符
    • 行内(Inline)元素可以出现在同一行句子中而不必另起一行
  7. 新增加的元素

    • <header>:题头对于普通的引导或者内容导航等功能来说非常有帮助
    • <hgroup>:用于组织具有一些逻辑联系的多级标题。
    • <nav>:代表页面的导航区域
    • <section>
    • <article>
    • <hr>:在页面创建一条横跨页面的横线
    • <blockquote>:引用其他来源的一段文章,使用cite指明引用内容特性。此外还有一个<q>元素用于较小的引用
    • <aside>:用于标记文档相关内容,比如醒目引用、边条和广告等
    • <footer>
    • <address>:用于标记<article>元素或者整个文档的联络信息
  8. 使用列表

    • 无序列表:<ul>
    • 有序列表:<ol>
      • 使用start特性修改有序列表的起始数字
      • 使用reversed特性实现列表顺序倒数
      • 使用type特性制定序列标记
    • 定义列表:<dl>代表一个描述列表,由0个或多个“术语-描述”(名称/值)组构成。每一组都与一个或多个“术语/名称”(<dt>元素的内容)以及一个或多个“描述/值”(<dd>元素的内容)相关联

相关文章

  • 前端实习面试准备——HTML(1)

    周六第一次面试,看书准备基础知识,随手整理,Markdown真不错,希望面试顺利! Chapter 1 为WEB结...

  • 前端实习面试准备——HTML(2)

    周末参加前端实习面试,准备基础知识,随手整理,求offer :) Chapter 2 文本的微调 描述文本级语义...

  • 前言

    京东前端实习生面试经验:作为一个前端开发人员,CSS3和HTML5 必须熟练使用CSS3新特性:1、抛弃图片的视觉...

  • 前端面试宝典

    前端面试秘籍 本文引用自掘进用户[A Loity] 2019年前端面试秘籍 一、html和css部分 1、如何理解...

  • 【面试】产品实习准备(1)

    三月,早春,简历and笔试的季节~~ 先说说简历 虽然学生活动不多,自认为还有一点点产品的经历,简历随便稍微码起来...

  • 好程序员HTML5大前端分享web前端面试题集锦三

    好程序员HTML5大前端分享web前端面试题集锦三 1、HTML语义化的理解? 答案:HTML语义化就是让页面的内...

  • 好程序员web前端教程分享HTML/CSS部分常见面试题

    好程序员web前端教程分享HTML/CSS部分常见面试题。准备参加web前端面试的小伙伴们一起看一看吧,希望对大家...

  • CSS面试笔试题

    CSS前端面试 系列文章: HTML及HTTP面试笔试题JavaScript面试笔试题 1.CSS有什么书写顺序?...

  • 前端面试准备之——HTML篇

    1.对Web标准的理解和W3C的认识。 Web标准简单的将页面分为结构(HTML),样式(CSS),和行为(Jav...

  • 准备实习面试

    下周三就要准备实习面试了,我真的是心里感慨万千。这个课程都过半了,还有一个学期就要实习了,我都还没有进入状况,课听...

网友评论

    本文标题:前端实习面试准备——HTML(1)

    本文链接:https://www.haomeiwen.com/subject/uiogxttx.html