前端学习日记 —— HTML5 基础
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端学习日记 —— HTML5 基础相关的知识，希望对你有一定的参考价值。
复习下Web开发学习基础：
前端部分：
HTML标签：Web页面的结构，包含了页面的主要内容部分，
CSS：页面样式
JS：实现交互行为
后台部分：
前端提交请求到后台通过C#/php/JAVA/.net等等处理数据，实现与数据库数据交互
数据库：
Sql sever等存放数据表，存放数据信息
HTML工具
关于文本编辑器的工具，不同人有不同见解，（当然应该很少有人用TXT文本文档编辑）主流的编辑器我都用过，Sublime Text、Atom、Eclipse、Notepad++、Dreamware、Webstorm、Visual Studio、VSCode、IDEA等，推荐两个Sublime Text（插件让你飞~），VSCode（比较新，但发展很快）两个轻量级的，当然功能需求较多的Visual Studio，Jetbrain家鼻祖级的应该都不错，至少流畅度和使用体验不错，其他的不是太卡就是功能太复杂，写写代码的话基本用不到。
HTML基础知识
html是最基础的部分（至少要有内容才能进行处理）
言归正传，先学习下HTML基础知识，包括文档结构，常用标签语法语义等。
一． HTML5 文档结构
基本元素
<!--注释--> //注释内容不会显示在页面中 <!DOCTYPE html> //声明文档类型是HTML <html lang="zh-cn"> // HTML根元素，有且只有一个，表示HTML 文档开始 <head> //包含文档元数据开始 <meta charset="utf-8"> //声明字符编码 <title>基本结构</title> //设置文档标题 </head> //包含文档元数据结束 <body> //表示HTML文档主体内容 <a href="http://www.baidu.com">百度</a> //一个超链接元素（标签） </body> //表示HTML主体内容结束 </html> //表示HTML 文档结束
1.<!Doctype> DTD（Document Type Definition 文档类型定义）声明文档类型，定义HTML和XHTML文档模式，包括语义规范和约束
2.<html></html> 根元素，有且只有一个，表示文档开始和结尾
3.<head></head> 包含元数据内容。<link>、<meta>、<noscript>、<script>、<style>、<title>等
4.<meta> 单标签，提供关于文档的信息
5.<body> 用来包含文档内容的元素，也就是浏览器可见区域部分。所有的可见内容，都应该在这个元素内部进行添加。
HTML标签
HTML标签使用<>表示，每个元素都由开始标签和结束标签组成，之间可以嵌套，但只存在包含与被包含的关系，即合理嵌套。<a><b>********</b></a>，而不能有以下形式<a><b>********</a></b>
HTML5语法
大小写：HTML5不区分大小写，但一般用小写，区别JS。
标签结构：HTML5可以省略结束标签，良好习惯一般保留结束标签，单标签会在结束使用空格 + “/”，如<br />
属性值一般用单引号(‘ ’)或双引号（“”）引用，也可不用，默认属性值可省略。
以上是关于前端学习日记 —— HTML5 基础的主要内容，如果未能解决你的问题，请参考以下文章