16 Java面试之 HTML-CFANZ编程社区

一、叙述 URL、HTML、HTTP 的作用?
答:
1、URL:
统一资源定位符。作用是通过一串字符串来唯一定位互联网上的一个资源
2、html:
超文本标记语言，用来显示丰富多彩的数据的一种标签语言，让数据更就爱完美的在浏览器上供用户浏览
3、http:
超文本传输协议是互联网上应用最为广泛的一种网络协议。
所有的 WWW 文件都必须遵守这个标准

二、HTML 中，属性值用双引号、单引号、不加引号都可以。这种说法对吗?
答:
对;一般都要加引号,有些浏览器不加也可以 , 容错功能

三、使用文本编辑器编辑完 HTML 后，扩展名需要使用哪些?
答:
.htm 或者.html

四、< p>标记的作用是?
答:
被 p 标签修饰的数据会自动和上一个元素与下一个元素空一行并换行
我们称之为段落标签

五、SEO 是什么?
答:
SEO，搜索引擎优化。
目的:
让你的页面评分更高，排名更靠前，用户更容易搜索
到你的网页

六、title/description/keywords 都跟 SEO 相关吗?
答:
有的

七、想做一个如下效果，怎么做?
image_1ca6et2uicji8rpoeu4ck8459.png-5.3kB

答:
在网页HEAD 标记中添加：
标题栏：
< link rel=“icon” href=“ico 地址” type=“image/x-icon”>
收藏夹：
< link rel=“shortcut icon” href=“ico图片的地址” type=“image/x-icon”>
注意：图标要用 16*16色的;(保证了兼容性，无论在哪个地方都可以显示)

八、< head>中的内容会在页面上显示吗?
答:
不会，head 中内容是对当前 html 文档的一个控制和描述

九、< img>标记中 alt 属性和 title 属性的区别?
答:
alt 属性是在图片无法正常加载的时候显示的内容
title 属性是在鼠标移动到当前图标时鼠标旁出现的内容

十、【编程题】将第三方法网站上的视频添加的自己的网页中?
答:

十一、怎么使用图片作为超链接的子元素? 答: 可以，在工作中经常使用。 < a href=http ://www.baidu.com>< img src="图片的地址">< /a>

十二、锚点的作用是?什么时候可能用到?
答:
锚点的作用是在网页的某个地方做一个标记。比如在底部点击返回顶部

跳转1
跳转2
跳转3

111

000

222

000

333

000

十三、【编程题】写出列表标签的示例代码答:

<ol >
    <li>京东</li>
    <li>淘宝</li>
    <li>天猫</li>
<ol>
<ul>
    <li>京东</li>
    <li>淘宝</li>
    <li>天猫</li>
<ul>

十四、Frameset、frame iframe 有什么作用?
答:
Frameset
是框架集合，可以用来布局分隔页面
Frame
是 frameset 的子标签。可以引用另外一个单独的 html
iframe
嵌入式框架，在自己的网页中嵌入别人写好的 html，增加代码的复用

<frameset cols="25%,50%,25%">
      <frame src="index3.html" />
      <frame src="index3.html" />
      <frame src="index4.html" />

点击成iframe 十五、Form表单的get 和 post，它们有什么区别?没有设定 name 属性，对应的值会被提交? 答: A、 get : 是在 url后面加上传送字符串，传送信息会显示在浏览器地址栏上，不安全，传送信息量不大、有缓存。 B、 post :传送的表单信息作为 http request的一部分，资料不会显示在地址栏上，传送量大、无缓存。 C、不会

十六、单选按钮和复选框是分组的，名字相同的分为一组。对吗?
答:
对，name 相同即为一组

    <form>
    <input type="radio" name="name1" />看书 
    <input type="radio" name="name1" />LOL
    <input type="radio" name="name1" />敲代码
   <input type="checkbox" name="age1" />打球
     <input type="checkbox" name="age1" />上网
      <input type="checkbox" name="age1" />跑步
      </form>
</body>

十七、“多选一”，可以使用哪些表单域?"多选多"可以使用哪些表单域?默认选中复选框使用什么属性?
答:
1、多选一用 radio
2、多选多用 checkbox
3、使用 checked 属性

    <form>
        <input type="checkbox" checked="checked" name="in" value="看书"  />看书
        <input type="checkbox"  checked name="in" value="打球" />打球
        <input type="checkbox"   name="in" value="LOL" />LOL
        <input type="checkbox"   name="in" value="吃鸡" />吃鸡
       <br />
       <input type="radio" name="name" value="语文" />语文
        <input type="radio" name="name" value="数学" />数学
        <input type="radio" name="name" value="地理" />地理
    </form>

十八、浏览器页面有哪三层构成，分别是什么，作用是什么?
答:
构成：
结构层、表示层、行为层
分别是：
HTML、CSS、JavaScript
作用：
HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。

十九、Doctype作用? 严格模式与混杂模式如何区分？
答:
1、声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。
2、严格模式的排版和JS 运作模式是以该浏览器支持的最高标准运行。
3、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
4、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

二十、超链接target属性的取值和作用？
答:
target这个属性指定所链接的页面在浏览器窗口中的打开方式。
参数值主要有：
1、_blank ：在新浏览器窗口中打开链接文件
2、_parent ：将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象 _self 参数一。
3、 _self ：在同一框架或窗口中打开所链接的文档。此参数为默认值，
4、 _top ：在当前的整个浏览器窗口中打开所链接的文档

二十一、介绍一下浏览器内核的理解？
答:
主要分成两部分：渲染引擎(layout engineer或 Rendering Engine) 和 JS 引擎。
渲染引擎：
1、负责取得网页的内容（HTML、 XML 、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器
2、浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
JS引擎：
1、解析和执行 javascript 来实现网页的动态效果。
2、最开始渲染引擎和JS引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。

二十二、Label的作用是什么，是怎么用的？
答:
1、label标签来定义表单控制间的关系 , 当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上
注意:
label的for属性值要与后面对应的input标签id属性值相同

    <form>
        <label for="Name">Number:</label>
            <input type="text" name="Name" id="Name" />
            <br/>
            <label>Date:<input type="text" name="date" /></label>
            <br />
            <label>读书：
                <input type="radio" value="读书" name="du" />
            </label>
                <label for="ty">写字:</label> 
                <input type="radio" id="ty" value="写字" name="du" />
                <label for="ty2">LOL:</label>   
                <input type="checkbox" id="ty2" value="LOL" name="du1" />
                <label>吃鸡:
                <input type="checkbox" id="ty2" value="吃鸡" name="du1" />
                </label>    
    </form>

二十三、title与h3的区别、b与strong的区别、i与em的区别？
答:
1、title属性没有明确意义只表示是个标题， H1 则表示层次明确的标题，对页面信息的抓取也有很大的影响；
2、strong是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时： < strong > 会重读，而 < B > 是展示强调内容。
3、i内容展示为斜体， em 表示强调的文本；
4、自然样式标签b, i, u, s, pre
5、语义样式标签strong, em, ins, del, code
注意:
应该准确使用语义样式标签, 但不能滥用 , 如果不能确定时首选使用自然样式标签。

二十四、描述下src与href的区别？
答:
src用于替换当前元素， href 用于在当前文档和引用资源之间确立联系。
src:
1、指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置
2、在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本， img 图片和 frame 等元素。
< script src =‘js.js’>< /script>
href:
1、指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接
2、在文档中添加< link href=‘dome.css’ rel=‘stylesheet’/>
3、那么浏览器会识别该文档为css文件，就会并行下载资源并且不会停止对当前文档的处理.这就是不建议使用@import 方式导入

二十五、表单的基本组成部分有哪些，表单的主要用途是什么？
答:
组成：表单标签、表单域、表单按钮
1、表单标签
这里面包含了处理表单数据所用 CGI 程序的 URL, 以及数据提交到服务器的方法。
2、表单域：
包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框、和文件上传框等。
3、表单按钮：
包括提交按钮，复位按钮和一般按钮；用于数据传送到服务器或者取消输入,可以用表单按钮来控制其他定义了js的事件
4、主要用途：
表单在网页中主要负责数据采集的功能，和向服务器传送数据。