1.文档类型是什么概念,起什么作用?

  

<!DOCTYPE> 声明此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

  该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的HTML 文档。

  doctype使浏览器按照dtd指定的渲染方式对页面进行渲染。

  html5的声明为<!DOCTYPE html>


2.meta标签的作用

  meta是提供关于HTML的元数据,不会显示在页面上,但是对于机器是可读的。

  一般被用来规定页面的描述、关键词、文档作者。

  元数据可用来浏览器如何显示内容或重新加载页面,用于搜索引擎(关键字。

  一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。

  属性有charset,content,http-equiv,name,scheme

实例:

  1. ```
  2. //实例 1 - 定义文档关键词,用于搜索引擎:
  3. <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
  4. //实例 2 - 定义web页面描述:
  5. <meta name="description" content="Free Web tutorials on HTML and CSS">
  6. //实例 3 - 定义页面作者:
  7. <meta name="author" content="Hege Refsnes">
  8. //实例 4 - 每30秒刷新页面:
  9. <meta http-equiv="refresh" content="30">
  10. ```

3.标准模式与兼容模式各有什么区别?

  标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。

  在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

4.Web语义化是什么,是为了解决什么问题?

  HTML的每个标签都有其特定含义(语义)

  Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。

5.src与href的区别

  href是引用和页面关联,是在当前元素和引用资源之间建立联系,会下载并且不会停止对当前文档的处理。

  src表示引用资源,表示替换当前元素,用在img,script,iframe上。会暂停其他资源的下载和处理,直至将该资源加载,编译,执行完毕。

6.link和@import的区别

  两者都能引用外部CSS

link @import
link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务; @import属于CSS范畴,只能加载CSS。
link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务; @import需要页面网页完全载入以后加载
link引用CSS时,在页面载入时同时加载; @import需要页面网页完全载入以后加载
link是XHTML标签,无兼容问题; @import是在CSS2.1提出的,低版本的浏览器不支持。
link支持使用Javascript控制DOM去改变样式; 而@import不支持

7.文件上传时的表单属性

  form的enctype属性:

link @import
application/x-www-form-urlencoded 在发送前编码所有字符(默认)
multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。
text/plain 空格转换为 "+" 加号,但不对特殊字符编码。

  

multipart/form-data将表单的数据处理为一条消息,以标签为单元,用分隔符分开。

  既可以上传键值对,也可以上传多个文件。

  当上传的字段是文件时,会有Content-Type来表名文件类型;

  content-disposition,用来说明字段的一些信息。

【前端必备】一、HTML篇的更多相关文章

  1. webpack入门--前端必备

    webpack入门--前端必备 什么是 webpack? webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX).coffee.样式(含less/sass).图片等都作为模块来 ...

  2. 月薪12k的零基础自学前端必备手册

    随着互联网的深入发展,前端开发工程师一跃成为市场上非常抢手的人才.很多同学,包括以前做UI的.Java的.或者对于IT完全零基础的同学都想学习前端.下图是网上流传甚广的一张前端学习思维导图,很多初学者 ...

  3. 前端必备:FastStoneCapture 和 Licecap

    前端必备:FastStoneCapture 和 Licecap FastStoneCapture这个软件非常小,只有2M多,并且其功能很强大,包括截图,录制视频,量尺,取色等等,对于前端工程师绝对是必 ...

  4. Sublime编辑器 前端 必备插件

    sublime编辑器前端必备插件 下面这一行是Package Control包安装,它是sublime的插件包管理器.新安装的sublime 里没有Package Control,按一下ctrl+~, ...

  5. 好程序员web前端分享HTML基础篇

    好程序员web前端分享HTML基础篇,最近遇到很多新手,都会问,如果要学web前端开发,需要学什么?难不难学啊?多久能入门之类的问题?那么今天好程序员就先来给大家分享一下web前端学习路线:HTML基 ...

  6. 前端必备之Node+mysql+ejs模版如何写接口

    前端必备之Node+mysql+ejs模版如何写接口 这星期公司要做一个视频的后台管理系统, 让我用Node+mysql+ejs配合写接口, 周末在家研究了一下, 趁还没来具体需求把研究内容在这里分享 ...

  7. Charles——前端必备模拟后端数据

    Charles--前端必备模拟后端数据 现在都是前后端分离开发了,前端开发者经常会遇到一个问题如何模拟后端数据来进行开发调试,在这里给大家介绍一个前端神器--Charles. 安装 安装就不赘述了,直 ...

  8. 前端必备HTTP技能之HTTP请求头响应头中常用字段详解(转)

    作为一名前端开发人员,肯定少不了要和网络打交道,因为要从服务器端拉取数据,从服务端获取数据最常用的方式还是通过HTTP请求.给服务器发请求的时候有请求头,接受服务器响应的时候有响应头,客户端和服务器端 ...

  9. XSS报警机制(前端防火墙:第二篇)

    XSS报警机制(前端防火墙:第二篇) 在第一章结尾的时候我就已经说了,这一章将会更详细的介绍前端防火墙的报警机制及代码.在一章出来后,有人会问为什么不直接防御,而是不防御报警呢.很简单,因为防御的话, ...

  10. VSCode 前端必备插件

    VSCode 前端必备插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 { "versio ...

随机推荐

  1. java主线程捕获子线程中的异常

    本文主要参考:<think in java> 好,下面上货. 正常情况下,如果不做特殊的处理,在主线程中是不能够捕获到子线程中的异常的. 例如下面的情况. package com.xuey ...

  2. go通过名称来调用对应的方法

    仅仅是为了学习go语言中的反射. package main import ( "errors" "fmt" "reflect" ) func ...

  3. u3d局域网游戏网络(c# socket select 模型)

    之前写了一篇. 发完之后第二天实际应用到游戏之后还是发现了一些小毛病. 比如网络模块有重复使用(多对象)的情况.所以将静态类该成了普通类. 比如安卓下会有些异常出现导致游戏逻辑不正常.所以网络相关的函 ...

  4. 【bzoj1593-预定旅馆】线段树维护连续区间

    题解: 这题非常经典啊似乎..经典模型要记住啊.. 对于每个节点维护该区间里的最大的连续区间,然后我们就可以logn递归找最前面的一段. 那就维护mx(无限制),lmx(必须从左边开始),rmx(必须 ...

  5. hdu 2157 How many ways?? ——矩阵十题第八题

    Problem Description 春天到了, HDU校园里开满了花, 姹紫嫣红, 非常美丽. 葱头是个爱花的人, 看着校花校草竞相开放, 漫步校园, 心情也变得舒畅. 为了多看看这迷人的校园, ...

  6. 【NOIP】提高组2015 子串

    [题意]求从字符串A中取出k个互不重叠的非空子串顺序拼接形成B的方案数.n<=1000,m<=100,k<=m. [算法]动态规划 [题解]这题主要是将从i-l转移变成从i-1转移, ...

  7. UIImagePickerController---iOS-Apple苹果官方文档翻译

    //本系列所有开发文档翻译链接地址:iOS7开发-Apple苹果iPhone开发Xcode官方文档翻译PDF下载地址  //转载请注明出处--本文永久链接:http://www.cnblogs.com ...

  8. ios的app,有新版本时必须先更新。

    现在没时间整理,先把代码贴出来,以后再做详细的思路整理. 1 在AppController.mm的didFinishLaunchingWithOptions方法里面获取本地应用版本信息,保存起来. / ...

  9. POJ 3069 Saruman's Army (模拟)

    题目连接 Description Saruman the White must lead his army along a straight path from Isengard to Helm's ...

  10. C题 hdu 1408 盐水的故事

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1408 盐水的故事 Time Limit: 2000/1000 MS (Java/Others)     ...