HTML5知识点

最新推荐文章于 2024-09-26 12:53:33 发布

原创最新推荐文章于 2024-09-26 12:53:33 发布 · 223 阅读

0 ·

CC 4.0 BY-SA版权

note 专栏收录该内容

20 篇文章

订阅专栏

本文深入浅出地解析HTML语义化、HTML与CSS及JavaScript的关系、HTML5与传统HTML的区别，以及HTML编辑器的选择与使用技巧。涵盖从HTML基础知识到高级应用的全面内容。

<h3>4.简答什么是html语义化</h3>
<p>答：就是使用语义更加明确的标签，通过标签就能识别出该标签内的元素内容是干嘛用的，方便开发者阅读和浏览器解析</p>
<h3>5.html标签和元素的区别</h3>
<p>答：HTML标记通常称为HTML标签；HTML标签由尖括号包围的关键词，比如&lthtml&gt HTML 标签通常是成对出现的，比如 &ltb&gt 和 &lt/b&gt ;
标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签;HTML元素有所不同，HTML 元素以开始标签起始，
    HTML 元素以结束标签终止，同时元素还包含内容，内容就是开始标签与结束标签之间的部分，元素还具有属性，属性设置在开始标签里面。
</p>
<h3>6.简答浏览器获取网页的完整大体流程</h3>
<p>答：一个完整的html连接过程一般可分为7个步骤：

    1.在浏览器中输入网址；

    2.发送至DNS服务器并获得域名对应的WEB服务器的IP地址；

    3.与WEB服务器建立TCP连接；

    4.浏览器向WEB服务器的IP地址发送相应的HTTP请求；

    5.WEB服务器响应请求并返回指定的URL的数据，或错误信息，如果设定重定向，则重定向到新的URL地址。

    6.浏览器下载数据后解析HTML源文件，解析的过程中实现对页面的排版，解析完成后在浏览器中显示基础页面。

    7.分析页面中的超链接并显示在当前页面，重复以上过程直至无超链接需要发送，完成全部显示。
</p>
<h3>7.html css js的区别和功能是什么？</h3>
<p>答：js css html的关系
    1.html： 负责创建，负责语义的表达，解决了页面“显示内容是什么”的问题
    2.css：负责解决网页中内容该如何显示的问题
    3.javascript：负责讲解网页内容对事件该做出什么样的反应
</p>
<h3>8.标记语言是什么意思?请再写出两种编辑语言并说明他们的用途</h3>
<p>答：1.标记语言由一系列标签组成，通过标记标签来描述网页；2.XML：是元标识语言，用户可以根据自身的需要定义一些标记；XHTML：HTML的增强版，它的的灵活性
和扩展性会适应未来网络的更多需求，语法要求更严格</p>
<h3>9.h5播放器和 flash播放器的有什么不同点</h3>
<p>答：h5播放器可直接在HTML元素属性中添加链接，不用安装插件；而flash播放器不行，需要安装插件才可以</p>
<h3>10.如何区分 HTML 和 HTML5</h3>
<p>答：可以从文档类型上区分；&lt!DOCTYPE html&gt一般代表的是HTML5文档，声明很简单；HTML文档声明很长，难以记忆
    &lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt
</p>

### HTML简介笔记：

1. doctype 声明是不区分大小写的，用来告知 Web 浏览器页面使用了哪种 HTML 版本。

在HTML 4.01 中，<!DOCTYPE> 声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML（Standard Generalized Markup Language 标准通用标记语言）。

HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明，分别是：Strict、Transitional 和 Frameset。

HTML5 不是基于 SGML，因此不要求引用 DTD。

2. 对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候需要在头部将字符声明为 UTF-8。

### HTML编辑器笔记：

可以使用专业的 HTML 编辑器来编辑 HTML，推荐几款常用的编辑器：Notepad++，Sublime Text，VS Code，Pycharm等等

每一种操作系统都带有简单的文本编辑器：

### HTML基础实例：

1.HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.

2.HTML 段落是通过标签 来定义的.

3.HTML 链接是通过标签 <a> 来定义的.（基本语法格式：<a href="url">链接文本</a>，在a标签外层还可套用其他标签，提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。）

4.HTML 图像是通过标签 <img> 来定义的.（<img src="/HTMLstudy/img/APUF1912.JPG" width="500" height="200"/>）

### HTML元素笔记：

参考网址：http://www.runoob.com/html/html-elements.html

### HTML属性笔记：

Windows 用户可以使用记事本；
Linux 用户可以选择几种不同的文本编辑器，如 vi、vim 或者 emacs ；
Mac 用户可以使用 OS X 预装的 TextEdit。
属性和属性值，尽量小写，本来这样做也方便些。
class 属性可以多用 class=" " （引号里面可以填入多个class属性）
id 属性只能单独设置 id=" "（只能填写一个，多个无效）
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。

### HTML 标题实例：
如何在 HTML 文档中显示标题。
如何在 HTML 源代码中插入注释。
如何插入水平线。

### HTML段落笔记：

我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。

对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

### HTML格式化标签：

HTML 使用标签 ("bold") 与 ("italic") 对输出的文本进行格式, 如：粗体 or 斜体

这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。

	通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。然而，这些标签的含义是不同的： <b> 与<i> 定义粗体或斜体文本。 <strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。