HTML的基本结构与标签的初步了解

一.初步了解HTML HTML是一种超文本标签语言,浏览器则是用来"解释和执行"HTML源码的工具. HTML的基本结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> 其中<!DOCTYPE…

HTML基本组成结构与标签其实组成结构用一张图来简单了解下如下目前一般网站的结构是会如此不是很清晰简单先来说说header头部这样是不是更加清楚了导航栏是引导用户查看网站内容的快捷入口,打个比方例如你去超市买酱油,超市的头顶上会挂着分类区域例如,生活用品.服装.厨具等然后你就会通过分类去找你要买的物品归类在哪,到那你就只用找你想要买的酱油就可以了.这样是不是容易理解点那我们在继续来看看content内容部分顾名思义就是作者或者楼主展现文字结合图片等内容的一种体现具体如下: 这样就是…

HTML5 常用的结构化标签整理

一.语义化结构化标签结构化标签优点: 1.方便浏览器处理和识别,提升了网页的质量和语义. 2.减少了大量无意义的div标签,增强代码的可读性. 结构化标签:(header,nav,body,article,section,aside,hgroup,figure,figcaption,footer) <header>定义文档的页眉<nav>定义导航链接的部分 <article>定义外部的内容,可以是一篇新的文章<section>定义文档的节(section.…

HTML5结构化标签

一结构化标签在之前的HTML页面中,大家基本上都是用了Div+CSS的布局方式.而搜索引擎去抓取页面的内容的时候,它只能猜测你的某个Div内的内容是文章内容容器,或者是导航模块的容器,或者是作者介绍的容器等等.也就是说整个HTML文档结构定义不清晰,HTML5中为了解决这个问题,专门添加了:页眉.页脚.导航.文章内容等跟结构相关的结构元素标签. 在讲这些新标签之前,我们先看一个普通的页面的布局方式: 上图中我们非常清晰的看到了,一个普通的页面,会有头部,导航,文章内容,还有附着的右边栏,还有…

HTML基本结构与标签总结整理篇

HTML基本结构与标签总结整理篇前言:这是笔者的学习总结与整理,如果有错误或疑问的地方,欢迎指正与讨论!另:此文会不定时更新~ 1.了解HTML 学习前端技术,必然涉及三个方面:html(结构).css(表现).js(行为),本文整理的就是html的基本内容.html是超文本标记语言,其中"超文本"是指网页内可以包含文字.图片.链接等内容. html4.01.xhtml.html5之间的区别(面试可能会遇到): 现在主流是使用html5语言,而html5与之前的html4.01和xh…

Android程序员学WEB前端(1)-HTML(1)-标准结构常用标签-Sublime

转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76522043觉得博文有用,请点赞,请评论,请关注,谢谢!~ 8月份了,换工作有2个月了,总算平静下来心气~~有心思学习了~~ 作为Android程序员,如果说,学点PHP可以自己调试接口测试APP,那么学点前端就可以在APP里嵌套HTML5页面~~ 这是我的一点点想法,也是咨询过大神,在沈阳这样的新一线城市,面向工资而论,相对比较好的学习方向. 下面是我第一天的学习比较,一点点来吧,…