1.基本骨架

HTML文件最基本的四个标签,组成了网页的基本骨架,包括:<html>、

<head>、<title>、<body>四组标签。

① <html>标签

作用:定义HTML文件的根元素,表示整个的HTML文档,所有的标签要书写在<html>标签内部。

② <head>标签

作用:用于存放<title>,<meta>,<base>,<style>,<script>,<link>。内部用于对网页的设置,除了<title>内部的文字,其他标签都不显示在浏览器上。 注意在<head>标签中我们必须要设置的标签是title。

③ <title>标签

作用1:让页面拥有一个属于自己的标题。

作用2:title中的关键字可以作为搜索引擎抓取时的关键字,提高SEO搜索引擎优化。

作用3:内部的内容会显示在搜索结果的标题部分。

作用4:作为浏览器收藏夹默认的网页标题。

建议网页必须添加title标签内部内容,内容尽量精简,提取网页的关键字。

④ <body>标签

作用:定义网页的主体部分,用于存放所有的HTML显示内容的标签<p>,<h1>,<a>,<div>等。

<body>内部的元素内容会显示在浏览器的窗口中。

2. DTD

① 什么是DTD

• 完整的HTML文件的第一行内容叫做文档定义类型,英文DocType Definition,简称DTD。也称作文档声明类型,DocType Declaration。

• 作用:告知浏览器该网页使用的是哪个版本的HTML规范,让浏览器按照对应版本的HTML语法进行解析页面。

② 不同版本的DTD

（1） XHTML1.0版本

<!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

（2） HTML5版本

<!DOCTYPE html>

3.命名空间

① <html>元素表示整个网页文档,在开始标签上设置了命名空间xmlns属性。

② XHTML1.0版本

<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en" ></html>

③ HTML5版本

<html lang="en" ></html>

④命名空间xmlns

（1） xml:可扩展标记语言,使用在传输过程中的规范。被设计用来传输和存储数据,是html的补充。

（2） xmlns:全称叫做XML NameSpace,NameSpace叫做命名空间,浏览器会将此命名空间

用于该属性所在元素内的所有内容。

(3) <html>元素的命名空间规定了在不同用户的浏览器中标签语义遵循的统一标准,避免出现标签名冲突,这个标准使用的就是一个固定的网址http://www.w3.org/1999/xhtml中的规范。

⑤语言

（1）xml:lang="en" 和lang="en" 表示所有的标签元素内容的语言都是英语,对搜索引擎和浏览器是有帮助的。

（2） lang=" zh-cn" 表示中文(中国)

4.字符集

①字符集

（1） <head>标签内部的<meta>标签通过http-equiv属性定义了当前的网页所使用的字符编码。

（2） char:character,字符。set:集合。

（3） XHTML1.0版本

<meta http-equiv=" Content-Type" content=" text/html;charset=UTF-8" >

（4） HTML5版本

<meta charset=" UTF-8" >

②字符集常见问题

使用情况建议:

（1）如果没有网页加载速度要求,或者制作的是外文网站,使用utf-8。

（2）如果含有大量中文汉字的网站,而且要求网页加载速度快,使用gbk。

注意:meta标签声明的字库,必须和编辑器软件默认编译字库相同,否则会出现两个字库不匹配,浏览器加载时出现乱码。

HTML 网页开发、CSS 基础语法——六. HTML基本结构的更多相关文章

  1. CSS基础语法（一）

    目录 CSS基础语法(一) 一.CSS简介 1.CSS语法规范 2.CSS代码风格 二.CSS基础选择器 1.标签选择器 2.类选择器 3.id选择器 4.通配符选择器 5.总结 三.CSS字体属性 ...

  2. WEB前端开发CSS基础样式全面总结

    Web前端开发css基础样式全面总结 颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-2 ...

  3. CSS基础语法与选择器

    CSS基础 语法 : <head> <style type="text/css"> 选择器(即修饰对象){ 修饰属性:属性值; 修饰属性:属性值; } &l ...

  4. 《网页设计基础——CSS常用语法》

    网页设计基础--CSS常用语法       一.注释: 例如: /* 在此处书写注释 */     二.清除浏览器默认设置: 例如: *{ /* 全局声明 */ margin: 0; padding: ...

  5. Web开发——CSS基础

    参考: 参考:http://css.doyoe.com/ 参考:http://www.w3school.com.cn/cssref/index.asp 参考:https://www.w3cschool ...

  6. css基础-语法篇

    CSS基础 1.css简介 cascading style sheets    汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息 ...

  7. HTML 网页开发、CSS 基础语法——八.HTML基本语法

    表格制作 1.表格基础 创建一个简单的表格至少有三个标签组成,分别是<table>,<tr>,<td>标签. table:表格,定义的是整个的表格大结构. tr:t ...

  8. HTML 网页开发、CSS 基础语法——七.HTML常用标签

    标题标签(h1-h6) 1.标题标签 ① 标题(Heading),通过<h1>-<h6>六个标签分别来对六个级别的标题进行性定义的. ② <h1>是级别最高,也是字 ...

  9. HTML 网页开发、CSS 基础语法——三. HTML概念

    1.纯文本格式 纯文本格式,就是没有任何文本修饰的,没有任何粗体,下划线,斜体,图形,符号,或者特殊字符,及特殊打印格式的文本,只保存文本,不保存其格式设置. ①格式对比 纯文本格式 富文本格式 最常 ...

随机推荐

  1. chcon命令详解

    导读 chcon命令是修改对象(文件)的安全上下文,比如:用户.角色.类型.安全级别.也就是将每个文件的安全环境变更至指定环境.使用--reference选项时,把指定文件的安全环境设置为与参考文件相 ...

  2. flutter实现文字超出最大宽度显示省略号

    Container( width: 60, child: Text( '...', maxLines: 1, overflow: TextOverflow.ellipsis, ), ) 给Text外层 ...

  3. c#反射入门篇(Reflection)——MethodInfo 发现方法的属性

    网站:https://www.jianshu.com/p/52dc85668d00 也算记录自己的学习篇=.= 适合入门看 这里简单介绍下MethodInfo和他基本的几个方法 简介 MethodIn ...

  4. 高德Web开发入门之一

    高德Web开发 一.地图开发阐述 1)不管是高德地图的Web开发使用,亦或是百度地图的应用开发,都可以直接百度"高德地图/百度地图",进入地图首页下边"开放平台" ...

  5. 消除不受信任的HTML (来防止XSS攻击)

    问题 在做网站的时候,经常会提供用户评论的功能.有些不怀好意的用户,会搞一些脚本到评论内容中,而这些脚本可能会破坏整个页面的行为,更严重的是获取一些机要信息,此时需要清理该HTML,以避免跨站脚本cr ...

  6. linux & windows下的动态库制作

     动态链接库不是linux独有的特性,在windows下面也存在这样的特性.一般来说,windows下面的动态连接库是以*.dll作为结尾的,而linux下面的动态连接库是以*.so结尾的.和静态链接 ...

  7. docker安装与配置gitlab详细过程

    docker安装与配置gitlab详细过程 1.打开网易镜像中心 https://c.163yun.com/hub#/m/home/ 2.搜索gitlab,获取下载地址.例如:docker pull  ...

  8. 华为音频编辑服务（Audio Editor Kit），快速构建应用音频编辑能力

    音频编辑服务(Audio Editor Kit)是华为为开发者开放的各类场景音频处理能力的集合,汇聚了华为在音乐.语音等相关音频领域的先进技术.音频编辑服务提供基础编辑.伴奏提取.空间渲染.变声降噪等 ...

  9. Centos7部署Open-falcon 0.2.0

    官方和github上都有教程,但是对于我来说有的部署内容较为陌生,有点错误官方也未在教程中说明,故在此记录方便以后快速部署,本文部署的时间是2018/10/10. 虽然open-falcon是采用了前 ...

  10. vsftpd 参数说明

    2021-07-28 该文章为转载文章,非原创 参数作用# 是否允许匿名访问 [ 12行 ]anonymous_enable=[YES|NO]# 是否允许本地用户访问( /etc/passwd中的用户 ...