html整体感知

最新推荐文章于 2022-08-22 17:26:15 发布

crazy的蓝色梦想

最新推荐文章于 2022-08-22 17:26:15 发布

阅读量296

点赞数 1

分类专栏： HTML基础文章标签： html 初学者

本文链接：https://blog.csdn.net/qq_41257129/article/details/82593005

版权

HTML基础专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一 .html简介

1.1什么是纯文本文件

html:与txt一样属于纯文本文件。只能保存文本内容，是无法记录文件的样式。

doc:文字格式与样式都记录下来。

1.2 html是负责描述文档语义的语言

html是英文HypertextMarkupLanguage的简写-----超文本标记语言。

网页的格式：新建一个txt文件，html与txt的本质没有任何区别，它们都是纯文本文件，强行更换txt的拓展名.html。

在txt文件中<h1></h1>叫主标题，<p></p>叫段落（这些都叫做超文本标记）。html提供了很多标签对，可以给文本增加不同的语义。

现阶段，业界标准的分为严格三层，html负责描述页面的语义，css负责描述页面的样式，js负责描述页面的动态效果。

强调：html只能描述语义。

二.sublime

任何纯文本的编译器都能编辑html,比如记事本，notepad等。比较有名的专门制作网页的工具有：

DreamWeaver-------Adobe公司的产品，已经过时

Sublime ------高效的程序书写工具

webStorm------更高效的项目级别编程工具

不管用什么编译器，做网站与工具无关。任何的纯文本编译器都能做网页，一个好的编译器能提高工作效率，但本质讲，记事本也能书写网页。

三.html骨架和基本语法

3.1 任何一个标准的html页面，第一行一定是以<!DOCTYPE...>开头的。-------文档声明头

DocType Dedaration此标签可告知浏览器文档使用哪种html或xhtml规范。

现在所写的笔记是html 4.01这个版本，这个版本是从IE6开始兼容的。html5是从IE9开始兼容的，但是IE6,7,8这些浏览器还不能过早的被淘汰。手机，移动端的网页制作就可以使用html5了。

html4.01里面有两种大规范，每种大规范里面有三种小规范。

大规范

里面的小规范

html 4.01

Strict 严格的体现在一些标签不能使用，比如u

Transitinoal 普通的

Frame set 带有框架的页面

xhtnl 1.0

更严格

Strict 严格的体现在一些标签不能使用，比如u

Transitinoal 普通的 (接下来我所写的版本)

Frame set 带有框架的页面

html5中极大简化了DTD，也就是说html5中没有xhtml。简化的DTD:<!DOCTYPE html>.

3.2 字符集

1.<meta http-equiv="Contet-Type"content="text/html;charset=UTF-8">

字符集用meta标签定义，meta表示“元”，元配置，就是基本的配置项目。

charset就是“字符集”的意思

2.中文能够使用的字符集有两种

第一种：UFT-8:<meta http-equiv="Contet-Type"content="text/html;charset=UTF-8">

第二种：gb2312:<meta http-equiv="Contet-Type"content="text/html;charset=gb2312">

字库规模：UTF-8（字全）>gb2312(只有汉字和一些常用的外文)

3.我们用meta标签可以声明当前这个html文档的字库，但一定要和保存的类型一样，否则乱码。

4.UTF-8里面存储一个汉字3字节

gb2312里面存储一个汉字2字节

保存大小：UTF-8（更慢）>gb2312(更快）

3.3关键字和页面描述

1.meta 除了可以设置字符集，还可以设置关键字和页面描述

设置页面描述：

只要设置的Description页面面熟，那么百度搜索结果就能显示这条语句，这个技术叫SEO（Search engine optimization）引擎优化。

2.定义关键字：

这些关键字就是告诉搜索引擎，这个网页是干嘛的能够提前搜索命中率。

一个比较完整的骨架是这样的：

<!DOCTYPE.../>

<html>

<head>

<meta http-equiv="Content -Type"content="text/html;charset=UTF-8"/>

<meta name="keywords"content="..."/>

<meta name="Description"content="..."/>

<title>...</title>

</head>

<body>

...

...

</body>

</html>

在sublime里面自动生成骨架的快捷键html：xt+tap键

3.4 title 标签

title也是有助于SEO搜索引擎优化的

网页的head标签里面表示的是页面的配置，有什么配置？

答：字符集，关键字，页面描述，页面标题等

所用的编译工具是sublime，今后会陆续更新笔记。

crazy的蓝色梦想

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
html整体感知

一 .html简介1.1什么是纯文本文件html:与txt一样属于纯文本文件。只能保存文本内容，是无法记录文件的样式。doc:文字格式与样式都记录下来。1.2 html是负责描述文档语义的语言html是英文HypertextMarkupLanguage的简写-----超文本标记语言。网页的格式：新建一个txt文件，html与txt的本质没有任何区别，它们都是纯文本文件，强行...
复制链接

扫一扫

专栏目录