跟高老师学习Web前端之12.

黄河的心跳

        昨天我学习了用Table标签布局网页,它的侧重点在于利用Table本身的特性来进行页面的布局,使得页面有严格的区域划分,但是却在一定程度上降低了元素布局的灵活性。而在实际应用过程中,我们对于元素的定位是比较灵活的,经常会使用一些语义化的标签来承载不同内容,放置不同的位置,这样更有利于我们制作一些个性化的页面。

        这些灵活性较强的页面结构元素为:<header>......<nav></nav>......</header>;

<section>......<article></article>.......<aside></aside>......</section>;

<footer></footer>.

字面意思我们可以看出,这样的页面分为头部、中间部分、尾部,<nav>为导航标签。其中<aside>体现为页面中比较次要的内容。

         下面是我的练习:

代码书写


页面展示

         所以在实际使用过程中,编程人员可以根据自己的喜好及熟练程度来选择自己喜欢的模式进行代码书写,既可以选择Table标签布局网页,也可以使用页面结构元素进行网页布局,但是我个人觉得还是Table比较实用,一步到位吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,066评论 25 709
  • 解析注解类所涉及到的API 解析注解的思路:自定义一个类,方法中传进来的Class clazz (被注解的类的cl...
    H_Man阅读 3,808评论 0 2
  • 没吃过肉夹馍的朋友请举手!哦,好的,既然没人举手,那我们就继续说下去吧。 啊?这位朋友你有啥疑问吗?哦你说在西安的...
    讨讨阅读 3,741评论 0 4