网页的优点（客户端为网页）（B/S)模式 开发成本低）

  • 不需要安装
  • 无需更新
  • 跨平台（最重要）可以有效的减小开发成本

传统的为C/S模式，开发成本高

前端工程师负责写网页的源代码，而浏览器负责把网页渲染成我们想要的样子

以W3C的标准为标准



HTML简介

超文本标记语言：用来标识代码中不同的内容，告诉浏览器，便于其渲染

标签的格式

标签一般成对出现，也存在一些自结束标签

html的注释

标签的属性

  • 只能在开始标签或者自结束标签中设置属性

属性为名值对结构(x=y)

标签用来标识内容，而属性用来决定内容该如何显示，有些属性有属性值有些没有，属性值由引号引起来(单引号和双引号都可以），

可以设置多个属性，属性之间用空格隔开

属性标签

标签内容不区分大小写

文档声明

  • 文档声明是为了告诉浏览器当前网页的版本

html5的声明方式

  1. <!doctype html>

声明放到最前面

字符编码

  • 常用的字符集

    UTF-8（万国码）（开发时使用的字符集）

设置字符集

<meta charset='UTF-8>//告诉浏览器我的网页使用的字符集

live seiver插件没有成功

实体

  • ！+enter 或者！+tab 用来创建一个简易的网页

实体

在html中我们我们有时候不能写一些特殊字符 如多个空格会被浏览器解析成一个空格

则会被解析成一个标签并隐藏

如果我们需要使用一些特殊的字符 可以使用html的实体（转义字符）表示

常见的实体

  • 空格
  • > 大于
  • < 小于
  • 版权符号

关于meta标签（自结束标签，写到head标签里）

  • meta主要用于设置网页的元数据，是给浏览器看的，
  1. charset 指网页的字符集
  2. name 指指定数据的名称
  3. content 指数据的内容

keywords表示关键字 可以设置多个关键字 中间用,隔开

示例：<meta name="keywords" content="网上购物，网上商城，京东“>（主要用于网页搜索的内容的绑定，然后出现该网页）

description 主要用于对网站的描述（网站的描述会显示在网站的搜索结果中）

示例：<meta name="description" content="京东商城是一个很棒的网站 服务良好”>

meta的重定向（可以规定多长时间由本网页跳转的另一个网页）

举例：<meta http-eqiv="refresh" content=3;url=http://www.baidu.con" 表示3s后跳转的百度

补充

title标签的内容作为搜索结果的超链接上的文字

ctrl+enter 可以只让光标换行

一些常见的语义化标签

前端学习笔记--HTML5的更多相关文章

  1. 【前端】Web前端学习笔记【2】

    [2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景 在全局函数调用中,this 绑定全局对象,浏览器环境全 ...

  2. 【前端】Web前端学习笔记【1】

    ... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. ( ...

  3. Web前端学习笔记(001)

    ....编号    ........类别    ............条目  ................明细....................时间 一.Web前端学习笔记         ...

  4. web前端学习笔记

    web前端学习笔记(CSS盒子的定位) 相对定位 使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍在标准流中,它后面的盒子仍以标准 ...

  5. 前端学习笔记汇总（之merge方法）

    学习笔记 关于Jquery的merge方法 话不多说,先上图 使用jquery时,其智能提示如上,大概意思就是合并first和second两个数组,得到的结果是first+(second去重后的结果) ...

  6. 大前端学习笔记整理【一】CSS盒模型与基于盒模型的6种元素居中方案

    概览 CSS盒模型,规定了元素框来处理元素的 内容.内边距.边框和外边距的方式 元素部分是指内容部分,也是最实际的内容,包围内容的称之为内边距,内边距外围是边框,边框外围就是外边距:且外边距是透明的, ...

  7. 前端学习笔记——移动前端UI选择

    一.jQuery Mobile jQuery Mobile 是jQuery在移动设备上的版本,做为主要针对移动设备的框架来说,它提供一个移动设备平台统一的接口来兼容不同的移动平台,其特性包括: 1．简 ...

  8. Web前端学习笔记：Bootstrap框架

    很久之前就有很多人给我推荐twitter的Bootstrap框架,但是直到前几天我才真正学习了下Bootstrap,的确是相当棒的框架,至少从视觉体验上超越了很多以前碰到了前端UI框架.今天我要聊聊B ...

  9. web前端学习笔记：文本属性

    今天的web前端笔记主要讲述文本属性,希望能帮助到正在学习web前端开发的初学者们,废话不多说了,一起来看看文本属性的相关内容吧. 文本属性 文本缩进 将Web页面上的一个段落第一行缩进,这是一种最常 ...

随机推荐

  1. ArkUI 组件 Props

    在上一篇博客文章中简单地提到了 Props . 在使用 Props 时需要注意到一个点,子组件从寄主页面传递过来的值是单向的,也就是子组件不能直接修改传递下来的值,即单向性. 以上篇文章定义的头像组件 ...

  2. Spring mvc源码分析系列--前言

    Spring mvc源码分析系列--前言 前言 距离上次写文章已经过去接近两个月了,Spring mvc系列其实一直都想写,但是却不知道如何下笔,原因有如下几点: 现在项目开发前后端分离的趋势不可阻挡 ...

  3. 数据库简介与MySQL简介

    MySQL简介 数据存取演变史 起源······文本文件 在最开始使用计算机都没有相应的规范我们的数据一般都是自己起一个名字然后就根据这个路径存储数据并且存储数据的格式也都五花八门就产生了很多奇奇怪怪 ...

  4. Python自学笔记11-函数的定义和调用

    函数是组织代码的非常有效的方式,有了函数,我们就可以编写大规模的项目.可以说,函数是组织代码的最小单元. Python函数的定义 函数是代码封装的一种手段,函数中包含一段可以重复执行的代码,在需要用到 ...

  5. Makefile 文件的编写

    目录 目录 Makefile 编写规则 Makefile 编写规则 生成的目标文件:依赖文件 生成目标文件所需执行的动作(注:命令行前需加Tab推进) 例: VPATH=inc src main:ma ...

  6. 如何在 C# 程序中注入恶意 DLL?

    一:背景 前段时间在训练营上课的时候就有朋友提到一个问题,为什么 Windbg 附加到 C# 程序后,程序就处于中断状态了?它到底是如何实现的? 其实简而言之就是线程的远程注入,这一篇就展开说一下. ...

  7. [报错]-NameError: name 'NAN' is not defined

    部分数据输出为NaN,处理这部分异常数据使用isnan()函数 from math import isnan isnan(z) 参考: https://www.cnblogs.com/itdyb/p/ ...

  8. 2021年1月-第02阶段-前端基础-HTML+CSS阶段-Day01

    HTML5 第一天 一.什么是 HTML5 1.HTML5 的概念与定义 定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML 两个概念: 是一 ...

  9. 万星开源项目强势回归「GitHub 热点速览 v.22.38」

    本周霸榜的 GitHub 项目多为老项目,比如:老面孔的 theatre 凭借极其优秀的动画功底连续三天霸榜 TypeScript 类目.借 Figma 被 Adobe 收购之风,又出现在 GitHu ...

  10. 创建多个节点的集群 - Elastic Stack 8.0

    文章转载自:https://mp.weixin.qq.com/s/k6u9Q2nebW9qgZMghQwJng 详述如何安装3个节点的 Elasticsearch 集群.我将使用 Docker 来进行 ...