HTML5 基础知识（一）

渐进增强：一种最佳实践。这不是一门语言，而是一种建站方法。这个想法很简单，但也很强大：开始用所有人都能访问的HTML内容和行为构建网站，再用CSS加入你的设计，最后用JavaScript添加额外的行为。这些组件是分离的，但可以同时发挥作用。本质上，渐进增强背后的涵义就是共赢。

网页的构造块：

一个网页主要包含以下三个部分：

1、文本内容

2、对其他文件的引用

3、标记

此外在每个HTML页面的开头都有一些主要用于浏览器和搜索引擎的信息。浏览器不会将这些信息呈现给访问者。

HTML用来描述内容是什么，CSS控制内容的外观；

实例：

<!DOCTYPE html>//标记该页面为HTML5页面

<head>

<title>Your page title</title>

</head>

<body>

.......

</body>

</html>

标签的组成：

元素、属性、值

按照惯例：元素的名称都用小写字母。

属性包含了元素的额外信息，HTML5中，属性两边的引号是可选的，但习惯上大家还是会写上；尽量使用小写字母编写属性的名称。

如果一个元素包含另一个元素，它就是被包含元素的父元素。

文件名采用小写字母；

使用正确的扩展名；

用短横线分隔单词。

短横线是搜索引擎更容易接受的方式。

URL：

统一资源定位符，它包含关于文件的存储位置和浏览器应如何处理它的消息。

URL的第一个部分称为模式，模式告诉浏览器如何处理需要打开的文件。最常见的模式是HTTP；

URL的第二个部分是文件所在的主机的名称，紧接着是路径，路径包含到达这个文件的文件夹以及文件自身的名称；

模式最常用的是http、mailto、ftp；模式后面通常紧跟一个冒号和两个斜杠。

绝对URL：包含了指定目录或文件的完整信息；

相对URL：以URL本身的文件的位置为参照点，描述目标文件的位置。

如果不是在服务器本地开发网站，通常使用相对URL。

选择将文件保存为纯文件格式时，文件会以系统默认字符编码保存。如果需要创建其他编码的网页，则需要使用可以选择编码类型的文本编辑器。通常UTF-8是最好的选择。

大多数web服务器会根据文件名识别每个文件夹中的默认页面。大多数情况下系统会将index.html作为默认页面，如果没有，将继续寻找index.htm default.html等文件名。

HTML5 基础知识（一）相关推荐

html5基础知识文档,HTML5基础知识（1）
原标题:HTML5基础知识(1) html5是万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力, ...
HTML5 基础知识
HTML5 基础知识什么是 HTML? HTML 是一种超文本标记语言,"超文本"就是指页面内可以包含图片.链接.深职音乐.视频.程序等非文字元素 HTML 不是一种编程语言 H ...
html5哪个属性规定输入字段是必填的,HTML5基础知识习题及答案
原标题:HTML5基础知识习题及答案 1. HTML5 之前的HTML版本是什么? 答: HTML 4.01 2. HTML5 的正确doctype是? 答: 3. 在 HTML5 中,哪个元素用于组 ...
html5基础知识，期末复习大全
目录 1.1 Web系统体系结构 1.C/S(即Client/Server)结构 1.2 浏览器 1.排版引擎(Rendering Engine) 2.Javascript引擎 1.3 Web相关概 ...
Html5基础知识笔记
学习笔记,供个人快速查阅使用!! 公开分享,不喜勿喷! Html5基础介绍 h1标签 <h1>Hello World</h1> p标签如果想在网页上显示文章,这时就需要< ...
HTML5基础知识学习笔记
1.Html5基础讲解 1.1HTML5基础标签: head:头标签,一般会将一些网页的基本配置和文件引用在head中设置: body:内容标签,里面是整个网页要展示内容部分: 1.2HTML5标题: ...
HTML5基础知识汇总
HTML是Hypertext Markup Language的缩写,中文翻译为:超文本标记语言 HTML文档结构和基本语法 HTML5基本语法扩展名.html/.htm 内容类型(ContentTy ...
超详细、超清楚的HTML5基础知识
本文从最基本HTML5知识说起,让各位看官老爷能够从零开始学习!!! 不渴望能够一跃千里,只希望每天能够前进一步基本知识 web前端三大技术: (1)html:结构 (2)css:样式 (3 ...
HTML5 基础知识（四）
关于web图像: 1.格式与下载速度:当前web上应用最广泛的三种格式gif.png.jpeg. JPEG格式适用于彩色照片,因为它包含大量的颜色并进行合理的压缩,采用这种格式保存的文件相对较小,全彩 ...
HTML5 基础知识（二）
<!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8" ...

HTML5 基础知识（一）

HTML5 基础知识（一）相关推荐

最新文章

热门文章