HTML文档结构

下面对HTML文档结构进行一 一解释:

1.文档声明:既不是元素,也不是注释;

代码格式:<! DOCTYPE html>

注:必须写在HTML文档的第一行
  原因:告诉浏览器使用哪个版本的HTML进行解析,如果不写,浏览器也会进行解析,在渲染页面时会进入怪异模式;

2.html元素:该元素也叫根元素、根标记,它是所有元素的祖元素,且文档中的所有元素都必须放在它的元素内容中
          相关属性:lang是英语language的缩写,意思是语言,”en”代表英语,”zh-CN”代表中文。
           打开一个外国网站时,浏览器会提示”是否将网页内容翻译成中文”,如下图:

                    

       lang元素为文档设定主语言,如果语言设置好,那么HTML文档就会被搜索引擎更有效地索引。
代码格式:<html lang="en"></html>
     <html lang="zh-cmn-Han-s"></html>

3.head元素:也叫做文档头,它是html的第一个子元素。文档头可以包含一元素,用于描述页面的附加信息(meta、title.....)
   <meta>:空元素,标识页面的其他元素数据;
 代码格式:<meta charest="UTF8">
      charset=”utf-8”是告知浏览器此页面属于什么字符编码格式,下一步浏览器做好“翻译”工作。
   <title>:标识文档标题,该标题会显示在浏览器的标签页或标题栏上。
 注:<meta>元素是head的第一个子元素;
4.body元素:叫做文档体,网页中所有可见的元素都放置在body内;

猜你喜欢

转载自www.cnblogs.com/xsg1/p/9189486.html