Redmi Note 5 Specification And Price

Image
See the Redmi Note 5 Specification And Price

Display


18:9 Full screen displayCustom display with rounded corners
Procesor & Memory

Octa-core processorSnapdragon 625 2.0GHz maxAdreno 506Dimensions
Height: 158.5mmWidth: 75.45mmThickness: 8.05mmWeight: 180g

Display
18:9 Full screen display15.2cm (5.99) (diagonally)18:9 screen aspect ratio2160 x 1080 FHD+ resolution, 403 PPI, 1000:1 contrast ratio450 nits brightness84% of NTSC color gamutSunlight displayNight displayReading modeColor temperature adjustmentStandard mode
Battery
4000mAh (typ) / 3900mAh (min)Non-removable5V/2A
Camera & Video
12MP rear camera12MP, 1.25μm large pixel5-element lens, ƒ/2.2 apertureDual LED flashPDAFLow light enhancementHDRPanoramaBurst modeFace recognition5MP front cameraBeautify 4.0Selfie-lightSelfie countdownFace recognition1080p/720p video, 30fps
Networks & Connectivity
Supports 802.11a/b/g/n protocolsSupports 2.4 / 5G WiFi / WIFI Direct / WiFi DisplayBluetooth 4.2, Bluetooth HID4G dual SIM:
3-choose-2 hybrid S…

One Image with Multiple Links

Learn how you can add multiple anchor links to a single image.Map tag is used to create the multiple links for a single image using their area coordinates.
Here is tutorial for you.

The below four popular icons i.e, rss (or) Atom Feed Icon , Twitter Icon, Facebook Icon and Google Icon all are in single image (Link) but i am separating each icon to have a unique link.

Just hover you cursor on each image and see the browser status to know the links

RSS FeedTwitterFacebookGoogle


Explaination 


Image Tag with following attribute source, width, height and usemap=#ti (this is important to map multiple links)
<img src="http://4.bp.blogspot.com/_nlosZcY8_mI/TAa6IEV7K1I/AAAAAAAAArM/RSet_qpm-Hs/s400/social-connect.png" width="161" height="32" border="0" usemap="#ti" />

Map Tag begins here and you should use map name and id are same as like you mention on image usemap
<map name="ti" id="ti">

Area Tag define the link shape are in rectangle format, Hyper Reference link, Alternate title for the icon and finally coordinates (left,top,right,bottom)
<area shape="rect" coords="0,0,30,32" href="http://feeds.feedburner.com/TechnologyInnovation/xEox" target="_blank" alt="RSS Feed" />
<area shape="rect" coords="38,0,70,32" href="http://twitter.com/hakeemit" target="_blank" alt="Twitter" /><area shape="rect" coords="78,0,110,32" href="http://facebook.com/hakeemit" target="_blank" alt="Facebook" />
<area shape="rect" coords="118,0,150,32" href="http://fusion.google.com/add?feedurl=http%20%20%3A//hakeemit.blogspot.com/feeds/posts/default" target="_blank" alt="Google" />

End of Map Tag
</map>

This Map tag is really useful for blogger to optimize the performance of their website.

note: If you are loading multiple image on your home page then for each image client request and server response this make your loading time more .Use one image and separate them using Image map concept.

Comments

Popular posts from this blog

Gradle project sync failed. Basic functionality (e.g, editing, debugging) will not work properly.

How Automation Can Make You Better at Your Job

Best Expense Manager App For Your Android Phone