当前位置:   article > 正文

004、HTML基本结构(必写的)_hmtl骨架结构是由哪些标签组成的

hmtl骨架结构是由哪些标签组成的

1、基本骨架

HTML文件基本的有4个标签,组成了网页的基本骨架,包括:html、head、title、body四组标签。

  1. <html>
  2. <head>
  3. <title>网页标题</title>
  4. <head>
  5. <body>
  6. 网页主体内容
  7. </body>
  8. </html>

<html>标签

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

<head>标签

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

<title>标签

  • 作用1:让页面拥有一个属于自己的标题
  • 作用2:title中的关键字可以作为搜索引擎抓取时的关键字,提高SEO搜索引擎优化。
  • 作用3:内部的内容会显示在搜索结果的标题部分
  • 作用4:作为浏览器收藏夹默认的网页标题。
  • 建议网页必须添加title标签内部内容,内容尽量精简,提取网页的关键字

<body>标签

  • 作用:定义网页的主体部分,用于存放所有的HTML显示内容的标签<p>,<h1>,<a>,<div>等。
  • <body>内部的元素内容会显示在浏览器的窗口中。

2、DTD

  • 完整的HTML文件的第一行内容叫做文档定义类型,英文DocType Definition, 简称DTD。也称作文档声明类型,DocType Declaration。
  • 作用:告知浏览器该网页使用的是哪个版本的HTML规范,让浏览器按照对应版本的HTML语法进行解析页面。
<!DOCTYPE html

3、命名空间

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

  1. <html lang="en">
  2. </html>

命名空间xmlns:

  • xml:可扩展标记语言,使用在传输过程中的规范。被设计用来传输和存储数据,是html 的补充。
  • xmlns:全称叫做XML NameSpace,NameSpace叫做命名空间,浏览器会将此命名空间用于该属性所在元素内的所有内容。
  • 元素的命名空间规定了在不同用户的浏览器中标签语义遵循的统一标准,避免出现标签名冲突,这个标准使用的就是一个固定的网址http://www.w3.org/1999/xhtml中的规范。

语言:

  • xml:lang= "en"和lang= "en" 表示所有的标签元素内容的语言都是英语,对搜索引擎和浏览器是有帮助的。
  • lang= " zh-cn" 表示中文(中国)

4、字符集

  • 标签内部的标签通过http-equiv属性定义了当前的网页所使用的字符编码。
  • char:character,字符。set:集合。
<meta charset="UTF-8"

常用字符集编码:

国际通用字库

  • UTF-8:以字节为单位对Unicode万国码进行编码,涵盖了所有人类的语言文字,一个汉字为3个字节大小。

中文国标字库

  • gb2312:共收入汉字6763个和包括拉丁字母、希腊字母、日文平假名及片假名字母、俄语西里尔字母在内的682个。
  • gbk:是gb2312的扩展,增加了繁体字,共收入 21886 个汉字和图形符号,其中汉字(包 括部首和构件)21003 个,图形符号 883 个,一个汉字为2个字节大小。

字符集常见问题

  1. 如果没有网页加载速度要求,或者制作的是外文网站,使用utf-8。
  2. 如果含有大量中文汉字的网站,而且要求网页加载速度快,使用gbk。
  3. 注意:meta标签声明的字库,必须和编辑器软件默认编译字库相同,否则会出现两个字库不匹配,浏览器加载时出现乱码。
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/328832
推荐阅读
相关标签
  

闽ICP备14008679号