Summary of XHTML application in web design study
|
<br />Generally speaking, the file organization of "standard web pages" is XHTML CSS. XHTML is mainly used to represent the structure of web pages and display content, while CSS is used to define the structural layout and modify the content style. XHTML commonly used for layout generally includes: DIV: Mainly used for logical division of page content. For example, a web page generally includes header, navigation, sidebar, content, copyright and other responsibility partitions. At this time, you can use the DIV tag to split. At the same time, the following naming is recommended for each block: The following is the quoted content: Head: <div id="masthead"></div> Navigation: <div id="globalnav"></div> Sidebar: <div id="navbar"></div> Content: <div id="content"></div> Copyright: <div id="copyright"></div> Note: The ID is unique, that is, the ID cannot appear more than twice in the same page. Otherwise use class. ul: It was originally an unordered list and is often used in XHTML CSS applications to represent non-structural equivalent elements. Need to be used with UL's child element LI. The following is the quoted content: <div> <ul> <li><a href="#">Link1</a></li> <li><a href="#">Link2</a></li> <li><a href="#">Link3</a></li> </ul> </div> span: If you compare this element with DIV, span is a bag and div is a box (from Xiaoyi: Basic Application of XHTML Code). In fact, div is a block-level element, and span is an inline element (see inline elements and block-level elements). Span can be used to separately define a fragment of elements in a section or a row of elements. for example: The following is the quoted content: <ul> <li><span>(2006-11-13)</span>Summary of XHTML application in XHML CSS layout</li> </ul> By defining span as left/right floating in CSS, the date and title can be displayed on both sides. This is relatively used The following is the quoted content: <ul> <li>2007-11-5jb51.net</li> <li>XHML CSS layout summary</li> </ul> Much simpler. ======================================= After talking about the common XHTML tags used for layout, there are also XHTML tags that are used to display web page content. for example: The following is the quoted content: <img src="" alt="" title="" /> represents an image <a href="" title=""></a> indicates a hyperlink <hn></hn>(n=1,2,...,6) indicates the page content title. h1-h6 are recommended in descending order of importance, with h1 being the most important title (see greengnn: div css naming reference) The original <b></b> and <i></i> tags for bold and italic are replaced by <strong></strong> and <em></em>. |
<<: Docker image analysis tool dive principle analysis
>>: Causes and solutions for cross-domain issues in Ajax requests
Recommend
How to use the Linux nl command
1. Command Introduction nl (Number of Lines) adds...
How to install mysql5.7.24 binary version on Centos 7 and how to solve it
MySQL binary installation method Download mysql h...
How to connect to docker server using ssh
When I first came into contact with docker, I was...
How to place large images in a small space on a web page
Original source: www.bamagazine.com There are nar...
Implementation code for installing vsftpd in Ubuntu 18.04
Install vsftpd $ sudo apt-get install vsftpd -y S...
JavaScript to achieve the effect of tab bar switching
Tab bar: Click different tabs to display differen...
MySQL column to row conversion tips (share)
Preface: Because many business tables use design ...
Detailed tutorial on installing mysql 5.7.26 on centOS7.4
MariaDB is installed by default in CentOS, which ...
Vue binding object, array data cannot be dynamically rendered case detailed explanation
Project scenario: Dark Horse Vue project manageme...
A graphic tutorial on how to install redhat 8.0 system (a must-have for beginners)
Table of contents 1. Introduction 2. Installation...
How to safely shut down MySQL
When shutting down the MySQL server, various prob...
Solve MySQL startup error: ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061)
This error is often encountered by novices. This ...
Introduction to the usage of exists and except in SQL Server
Table of contents 1. exists 1.1 Description 1.2 E...
Basic knowledge points of mysql worm replication
Worms replicate, as the name implies, by themselv...
Detailed explanation of the use and underlying principles of MySQL table partitions
Table of contents What is a partition table Parti...