Using export kit with proper semantics?« Back to Questions List
Hi, I would like to know if there is any techniques when exporting to have proper semantic with the code? |
Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!
Hi, This is a very complex answer because there are very specific differences between Photoshop, Illustrator and InDesign which strongly affect how elements render. EnvironmentsPhotoshop and Illustrator will naturally use only a few elements in designs such as Text, Vectors, Images, etc. This forces Export Kit to use Layer Tags to create elements which are not available in PSD and AI. InDesign is very different and support a much wider range of elements such as LIst, Anchors, Pages, etc. There are plans to incorporate as many INDD elements as possible in each environment. Environment RenderingPSD, AI and INDD also render elements differently in exports. We strongly recommend you read our design rules for each environment to understand how elements are rendered in your output. Semantic HTML ElementsTo correctly use structured elements (UL for list items, SECTION for content blocks, etc) then you will need to create custom HTML elements in your design: //exportkit.com/plugin/environments/html5/create-custom-html-elements. |
Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.