码迷,mamicode.com
首页 > Web开发 > 详细

HTML文档结构

时间:2018-06-16 10:26:50      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:相关   附加   http   搜索   分享   也会   标签   素数   charset   

下面对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内;

HTML文档结构

标签:相关   附加   http   搜索   分享   也会   标签   素数   charset   

原文地址:https://www.cnblogs.com/xsg1/p/9189486.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!