HTML 指超文本标签语言。
HTML 是通向 WEB 技术世界的钥匙。
html属性：所有标签的通用属性
html事件：On...html5加了很多事件
html视频/音频：处理音视频
html画布：标签用于绘制图像（通过脚本，通常是 JavaScript）。 不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。
html文档类型：HTML5 ，HTML 4.01 / XHTML 1.0（含3种Transitional ，Strict， Frameset） ，XHTML 1.1
html颜色名：16进制数字代表颜色
html字符集：Unicode标准是通用的，html都支持utf-8，xml都支持utf-16
html ascII：字符集的一部分128个，用于在网络上传输数据。
html ISO-8859-1：一种字符集，ISO组织的，Unicode标准utf-8开头的200多个就是这个字符。
html符号：字符集的一部分，符号们
html url编码：用16进制表示ascII码，用于在浏览器和插件中显示非标准的字母和字符。方便传输，有时在地址栏看到的带%的
html语言代码：HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。 根据 W3C 推荐标准，您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明，比如：
<html lang="en">
...
</html>
http消息：当浏览器向web服务器请求服务时，可能会发生错误，从而有可能会返回下面的一系列状态消息：
1XX是信息 2XX是成功 3XX是重定向 4XX服务器返回客户端错误 5XX服务器返回服务器错误
http方法：http设计的目的是用来客户机与服务器之间的通信。两种常用方法，get（从指定的资源请求数据）和post（向指定的资源提交要被处理的数据）
XHTML 是更严谨更纯净的 HTML 版本。
XHTML 与 HTML 4.01 几乎是相同的。
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
HTML 5 是下一代的 HTML。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
CSS 指层叠样式表（Cascading Style Sheets）。
CSS 同时控制整个站点的样式和布局。
通过与 XHTML 结合，CSS 可以帮助我们实行表现与结构分离的开发模式。实现改样式表，就能控制所有html元素（即标签）的样式。
最初的html，不包含样式标签，只有内容标签，后来netscape和ie都加入了样式标签，如字体，字体色等，这时很难把内容和样式分开管理，非盈利的W3C联盟推出了样式，各浏览器都支持，把样式方面的定义独立出来了。层叠指可对单独的html元素，定义多个样式，按优先级判断使用哪个样式；可用多个css，分别定义不同html元素的样式。
概述：
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
最新一代样式表
互联网通信协议
{ 拓展1网站构建
网站构建需要掌握的技术
css
xhtml-html的未来。HTML5 是 HTML、XHTML 以及 HTML DOM 的新标准
xml
xslt。用于转换xml成浏览器可识别的xml
客户端脚本。例如JavaScript
服务器端脚本。ASP、PHP
使用sql管理数据
未来的新技术。静态转动态；新式浏览器
网站产品设计
设计网站需要严谨的思考和周全的计划
最重要的是了解你的受众用户
用户都是浏览者。一般只会停留几秒，最重要的要直接呈现。
少即是多。
导航。所有页面用导航串起来，保持整站结构清晰，以便访问者浏览。
下载速度。可用性方面的研究告诉我们，如果网页的下载时间超过7秒，大多数访问者会选择离开。
允许你的用户发言。可得到技术和知识各不相同的人们大量有益的反馈。
深入了解网站用户
您的用户所用的软件和硬件各不相同
最重要的是了解你的用户
他们使用什么显示器。分辨率支持1024*768，分辨率尺寸可变，以适应不同显示器。
他们使用什么浏览器。
他们安装了什么插件。你的网页使用的插件，用户有权限有么，用户们有么
怎样帮助残疾人士。这些用户也许，是也许，也许同样需要访问你的网站。这是蓝海？？？
用户都是浏览者。一般只用几秒时间看你的网页。
网站标准
按标准开发，更加容易面对多版本的各种技术。也更方便协作，大家遵循约定的规则。
网站验证
验证编写的网页是否符合标准，如html文件、css文件、xhtml文件、xml、wml（与html类似）是否符合对应标准。
万维网联盟
万维网联盟（W3C）创立了 WWW 标准。
W3C 的使命是通过发展规范、指导方针、软件以及工具，来尽展万维网潜能。
最重要的 W3C 标准是：
HTML
XHTML
CSS
XML
XSL
DOM
网站安全
此刻，您已向整个世界提供了您的 IP 地址。
请确保您没有同时提供对私人数据的访问权限。
您的 IP 地址是公共的
固定的 IP 地址要冒更大的风险。
浏览器信息
各种常用浏览器的信息
网站品质
使用最新的 WEB 标准。html4.01或用xml重新表达html4.01的xhtml。使用css1或2或3。通过web验证工具的验证网页。
增强网页的易读性。根据WAI（W3C发起的网页易读性倡议）的指导方针编写页面。即使残障人士，也能阅读。
html元素内容更合理。如title意义正确；改用h1标签就用h1，以免给搜索引擎带来困扰；doctype内容正确。
使用样式表注意事项。不在页面文件使用font标签，改到css，不至于改font需要改很多处，改css一处即可；不使用固定的字体尺寸，使用相对尺寸值，在调整浏览器显示比例时，就会跟随变化显示比例；不使用很小的默认字体尺寸；字体和背景颜色，不至于相同影响阅读。
字的可读性要好。不会看不清；不会字挤到一起，或间距过大；避免奇特的字体；少用斜体；另外为了在关闭浏览器图片显示的情况下，使用alt属性。
国际化。
语义网
一个电子商务网站
- 前端开发：css基础知识之盒模型以及浮动布局。
前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西? 为什么这个浮动没有效果? 这个问题楼主已经回答了n遍.今天则是把 ...
- 前端之DIV+CSS布局
刚开始学习javaweb,首先定位学习后端,可是随着学习的深入和项目的进行,越来越发现前端知识的欠缺,之前也随着视频看过,随着时间的流逝,具体的应用也随之忘记了. 而现在开始自己练习项目,发现前端知识 ...
- 前端Html和Css面试题
前端Html和Css面试题Html篇:1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Ope ...
- 2.前端笔记之css
title: 1.前端笔记之CSS date: 2016-04-05 23:05:51 tags: 前端 categories: w3c --- 作者:刘耀 **出处:http://www.liuya ...
- 前端零基础 --css转换--skew斜切变形 transfor 3d
前端零基础 --css转换--skew斜切变形 transfor 3d==============重要不紧急! 重要紧急 重要不紧急 不重要紧急 不重要不紧急
- 前端html、CSS快速编写代码插件-Emmet使用方法技巧详解
前端html.CSS快速编写代码插件-Emmet使用方法技巧详解 Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来 ...
- 李洪强和你一起学习前端之(6)css行高,盒模型,外边距
李洪强和你一起学习前端之(6)css行高,盒模型,外边距 复习昨天的知识 1.1css书写位置: 内嵌式写法 外联式写法 <link href = "1.css" rel = ...
- 前端基础：CSS样式选择器
前端基础:CSS样式选择器 CSS概述 CSS是Cascading Style Sheets的简称,中文意思是:层叠样式表,对html标签的渲染和布局.CSS规则由两个主要的部分组成:1.选择器:2. ...
- web前端篇：CSS使用，样式表特征，选择器
目录 web前端篇:CSS使用,样式表特征,选择器 1.CSS介绍 2.CSS使用 3.样式表特征 4.CSS选择器 5.选择器的优先级 6.练习题: web前端篇:CSS使用,样式表特征,选择器 1 ...
- Web前端篇：CSS常用格式化排版、盒模型、浮动、定位、背景边框属性
目录 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 2.CSS盒模型 3.浮动 4.定位 5.背景属性和边框属性 6.网页中规范和错误问题 7.显示方式 W ...
随机推荐
- 【gRPC使用问题3】生成出来无法识别Google.Api.AnnotationsReflection.Descriptor
1.问题截图: 2.解决方案: Install the package "Google.Api.Gax.Grpc". From the Package Manager Consol ...
- Python ctypes.windll.user32() Examples
Example 1 Project: OSPTF Author: xSploited File: mouselogger.py View Source Project 7 votes def ...
- Android开发之SharedPreferences的封装
对于大部分初学者来说,如果想利用SharedPreferences进行数据存储的话大部分人(包括本人)应该会这样: 存储: SharedPreferences sharedPreferences = ...
- sql 查询某个字段出现的次数
表名随便起个 testtable 那么有这么一个需求,利用你所学的sql语句 单表查询出下表的结果 也就是统计某个时间某个值出现的次数其实一开始我是很懵,毕竟之前也没做过,只能怪自己学得太浅了.过后我 ...
- Android——Activity跳转
Activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayou ...
- MySQL 快速复数据库的方法
为了方便快速复制一个数据库,可以用以下命令将db1数据库的数据以及表结构复制到newdb数据库 创建新的数据库 #mysql -u root -p123456 mysql>CREATE DATA ...
- Python之路(第七篇)Python作用域、匿名函数、函数式编程、map函数、filter函数、reduce函数
一.作用域 return 可以返回任意值例子 def test1(): print("test1") def test(): print("test") ret ...
- SSRF-php初探
0x00 前言 1) SSRF的概念很好理解,请自行百度. 2) JAVA/PHP/PYTHON都存在SSRF漏洞(至于其他语言的情况,了解粗浅尚不得知). 3) SSRF的利用方式 ...
- ES开发的一些坑（一）
一.ES-Hadoop导数据的时候报"Could not write all entries"异常 ES-Hadoop是一个开源的数据导入项目,支持数据从hdfs,hive,sp ...
- c++11 时间相关操作练习
博客和书籍资料 来自该地址 https://www.cnblogs.com/qicosmos/category/490693.html 自行编写相应代码进行学习 // TimeTest.cpp: 定义 ...
