【前端从0开始】HTML基础——2、前端基础知识

最新推荐文章于 2024-06-12 11:13:48 发布

程皮

最新推荐文章于 2024-06-12 11:13:48 发布

阅读量22

点赞数

分类专栏：前端从0开始文章标签：前端 html

本文链接：https://blog.csdn.net/a1137588003/article/details/132197736

版权

前端从0开始专栏收录该内容

30 篇文章 1 订阅

订阅专栏

1、HTML三要素：

HTML：
- 什么是HTML
  - 超文本标记语言HTML（Hyper Text Marked Language）：
  - 用于描述网页的一种语言，可以在文件中表示图片、链接、表格、文本等
  - HTML不是一种编程语言，而是一种标记语言(markup language)
  - HTML后缀名为.html或.htm
  - HTML有浏览器解释执行
    ●web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。
- 发展历史：
  - 1991年：HTML
  - 1993年：HTML+
  - 1995年：HTML 2.0
  - 1997年：HTML 3.2
  - 1999年：HTML4.01
  - 2000年：XHTML 1.0
  - 2012年：HTML5
  - 2013年：XHTML5
- HTML分类：
  - html、xhtml和xml的定义
  - html即使超文本标记语言，是最早的网页语言
  - xhtml是升级版的html，对html进行了规范，编码更加严谨，也是一种过度语言，html向xml过度的语言
  - xml全称即时可扩产标记语言，是一种跨平台语言，编码更加自由，可以自由创建标签
- html、xhtml和xml的区别
  - xhtml对比html，xhtml文档具有良好的完整的排版，主要体现在两方面：
    a.元素必须要有结束标签
    b.元素必须嵌套
  - 对于html的元素和属性，xhtml必须小写，因为xml是严格区分大小写的
  - xhtml属性必须在引号中
  - xhtml不支持属性最小化
- CSS：
  - 什么是CSS?
    层叠样式表(全称：Cascading Style Sheets)一种用来表现HTML或XML等文件样式的计算机语言，CSS不仅可以静态的修饰网页，还可以配合各种脚本语言动态的对网页元素进行格式化
- JavaScript：
  - 什么是JavaScript
    JS是一种直译式脚本语言，动态，弱类型，给予原型的语言，内置支持类型，解释器被称为JavaScript引擎，浏览器内置了这套引擎系统，管饭用于客户端脚本语言，最早是在HTML网页上使用，用来给HTML添加动态效果
    在1995年的时候，由网景的Brandan Eich，在网景导航者浏览器上首次设计实现而成，因为网景与Sun公司合作，所以网景的高层希望它看起来像Java，因此取名为JavaScript，但是实际上它的语法风格与Self和Scheme比较接近。

2、HTML模板介绍

<!--  
    DTD：doctype definition 文档声明类型。
    <!DOCTYPE html>
    告诉浏览器使用HTML5.0的规范
-->
<!DOCTYPE html>
<!-- html 根节点 表示的是整个网页，所有的内容都写在该标签中 -->
<!--  
    lang="en" 英文页面使用
    lang="zh-CN" 中文页面使用
-->
<html lang="en">
  <!-- 网页头部 里面内容是给浏览器看的,但是除了title不会出现在网页中 -->
  <head>
    <!-- 网页的编码格式 -->
    <!--  
        charset：编码格式(字符集)
            UTF-8：更臃肿、加载速度更慢
            GBK/gb2312：更小巧，加载速度更快。
            腾讯网、支付宝使用的是GB2312，搜狐，京东，天猫用的是UTF-8
    -->
    <meta charset="UTF-8">
    <!-- 网页的标题 -->
    <title>Document</title>
  </head>
  <body>
    <!-- 网页的主体，body内容的内容都是给用户看的。 -->
  </body>
</html>

2、HTML文档命名规范

1、只能使用字母a-z，数字0-9，连字符(-)，下划线(_)和句点(.),其他的任何字符都可能给你，带来意想不到的惊喜。导致文件不能加载或者页面异常；
2、尽量以字母开头，尽量使用小写字母；
3、名称具有含义；
4、不要忘记文件扩展名；

3、标签

HTML标签由尖括号包围的关键词，比如
HTML标签分为单标签和双标签
- 双标签：
  - <标签名属性=值>内容</标签名>
  - 举例：<div>你好呀大哥</div>
- 单标签：
  - <标签名属性=值 />
  - 举例：<img src="baidu.jpg" />
HTML标签不区分大小写，但XHTML区分，因此尽量使用小写
HTML标签可以进行嵌套，例如：

<ul>
  <li>
    <img src="baidu.jpg"/>
  </li>
</ul>

4、注释

HTML注释可以提高其可读性，使代码更容易被人理解，浏览器不会将注释内容解析到页面上，但是在浏览器上查看代码依旧可以看到相应的注释内容，因此HTML中尽量减少注释。
注释标签：

注释标签中不能有注释标签，在注释掉之后要保证还是一个结构腕豪的文档内容。

程皮

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
【前端从0开始】HTML基础——2、前端基础知识

-DTD：doctype definition 文档声明类型。告诉浏览器使用HTML5.0的规范-->   < head >  <!--charset：编码格式(字符集)UTF-8：更臃肿、加载速度更慢。
复制链接

扫一扫